angular - ngx-datatable 在对 Angular 6 的行详细信息表进行排序时给出“rxjs_1.fromEvent 不是函数”
问题描述
我的表很少,排序确实适用于没有行详细信息的表。但是,当我添加行详细信息时,排序会中断并引发以下错误。
“rxjs_1.fromEvent 不是函数”
我的代码如下用于行详细信息
<div style="overflow-x: scroll;" class="bigTable" *ngIf="test_table.rows.length > 0">
<ngx-datatable #myTable
*ngIf="test_table.rows.length > 0"
class="bootstrap" [rows]="test_table.rows"
[columns]="test_table.columns"
[columnMode]="'force'"
[headerHeight]="40"
[footerHeight]="40"
[limit]="10"
[rowHeight]="'auto'"
[scrollbarH]="true"
[sorts]="[{prop: 'date_time', dir: 'desc'}]"
(page)="onPage($event)">
<ngx-datatable-row-detail [rowHeight]="50" #myDetailRow (toggle)="onDetailToggle($event)">
<ng-template let-row="row" ngx-datatable-row-detail-template>
<div>
<strong>
<a style="font-size:20px" (click)="open(content, row['event_id'])">Denial Reasons</a>
</strong>
</div>
</ng-template>
</ngx-datatable-row-detail>
<ngx-datatable-column [width]="50" [resizeable]="false" [sortable]="false" [draggable]="false" [canAutoResize]="false">
<ng-template let-row="row" let-expanded="expanded" ngx-datatable-cell-template>
<a href="javascript:void(0)"
[class.datatable-icon-right]="!expanded"
[class.datatable-icon-down]="expanded"
title="Expand/Collapse Row"
(click)="toggleExpandRow(row)">
</a>
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="event_id">
<ng-template let-column="column" ngx-datatable-header-template>
ID
</ng-template>
<ng-template let-row="row" let-value="value" ngx-datatable-cell-template>
{{row['event_id']}}
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="x1" >
<ng-template let-column="column" ngx-datatable-header-template>
X1
</ng-template>
<ng-template let-row="row" let-value="value" ngx-datatable-cell-template>
{{row['x1']}}
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="x2" >
<ng-template let-column="column" ngx-datatable-header-template>
X2
</ng-template>
<ng-template let-row="row" let-value="value" ngx-datatable-cell-template>
{{row['x2']}}
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="score" >
<ng-template let-column="column" ngx-datatable-header-template>
Score
</ng-template>
<ng-template let-row="row" let-value="value" ngx-datatable-cell-template>
{{row['score']}}
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column name="x3">
<ng-template let-column="column" ngx-datatable-header-template>
X3
</ng-template>
<ng-template let-row="row" let-value="value" ngx-datatable-cell-template>
{{row['x3']}}
</ng-template>
</ngx-datatable-column>
</ngx-datatable>
</div>
我正在使用 Angular6(@angular/cli@6.0.8) 和 @swimlane/ngx-datatable@13.0.1 & rxjs@6.2.2。
解决方案
根据这篇文章,当 rxjs 版本不适合 ngx-datatable 版本时,可能会发生错误。根据 ngx-datatable package.json,他们使用 rxjs 6.1.0 也许降级到这个版本可以解决问题。
推荐阅读
- c++ - 使用迭代器打印向量元素
- symfony - Drupal 8 检测开发 URL,然后做一些事情
- php - 当我将我的网站作为 localhost 上的 wordpress 主题上传时,洞管理面板停止工作
- spring-boot - 嵌入式 mongodb 不是从 springboot 开始的?
- php - Laravel:包含具有动态值的刀片
- ruby-on-rails - 保存记录后 Rails 线程休眠
- python - 在 Tensorflow 中使用多层感知器模型预测文本标签
- c++ - 如何让makefile找到正确的头文件以包含部分目录名称
- mysql - 使用 shell 脚本从 mysql 查询中打印数据
- android - scrollToPositionWithOffset 不适用于 android WearableRecyclerView