问题标签 [ngx-datatable]

我正在使用 6.3 的 NGX 数据表，它无法绑定到可观察的集合。如何将 Angular 可观察集合转换为常规不可观察数组？

这是我的服务：

这是我为 component.ts 准备的。它在 foreach 循环中给了我一个错误：无法读取未定义的属性“长度”

我想在 Angular 2 NGX Datatable 中将日期列格式化为短日期。

这是HTML：

这是组件 TypeScript

我在 HTML 中试过这个，但它给出了一个模板解析错误：

我正在尝试使用 NGX-DataTable 的过滤选项（此处为文档，此处为演示）并尝试重写代码的 ViewChild 部分，因为我将通过变量“config”将表格动态传递给对话框组件，因此我可以搜索“采购订单”栏。

我可以让表格按采购订单列过滤，但有两个问题：

1. 我无法通过在输入中删除来撤消过滤。
   例如：如果我默认有10个结果，然后输入“a”有4个结果，然后输入“aa”没有结果，即使我完全删除用于过滤的输入我仍然没有结果。

2. 当过滤器更新时，表格应该回到第一页，现在它只是停留在原来的位置。

任何指针将不胜感激！

因此，到目前为止，我在对话框组件中拥有通过变量 config 传入的表信息：

对话框组件中的 HTML：

TS：

如何自定义 ngx 数据表。我找不到，我必须在哪里更改代码以摆脱这个记录总数，并用下拉列表替换它以显示每页的项目。我的分页也缺少一些图标。

我正在使用输入过滤我的表格，并且希望在更新过滤器时将表格重置为第一页。现在表格显示并且过滤工作，但表格页面没有重置。

这是我必须要做的：

桌子：

相关TS：

任何指向我哪里出错的指针？

编辑 所以我尝试将偏移量设置为 1 并发现使用 this.tableOffset = 0 进行重置；确实有效，但每当我使用箭头导航到不同的页面时，它都会阻止重置发生。

这是一个错误还是我错过了什么？

在 Angularjs 中，我们曾经使用 ui-grid。但它在 angular 2 中不可用。我尝试过 ngx-datatable 但在与分页一起使用时发现滚动存在一些问题。Ag-grid 不是免费的。我找到了 Microsoft 的 angular2 slickgrid，但没有找到太多信息，关于它的文档。有人知道angular2 slickgrid，有人用过吗？

我正在尝试在我的 Angular 2 应用程序中使用 ngx-datatables。我尝试按照示例进行操作： https ://github.com/swimlane/ngx-datatable/blob/master/demo/basic/filter.component.ts 我收到错误消息：“无法设置未定义的属性'偏移'”每当我在过滤器框中输入。我尽可能地将其删除，并对行进行硬编码以尝试查看问题所在，但我无法弄清楚。任何帮助表示赞赏。

零件：

我正在使用 Angular 2 (4.1.0)、angularfire2 和 ngx-datatable。

我有一个带有渲染 Observable 的数据表的组件。Observable 基于 Angularfire2。用户可以对名称列进行过滤，就像在 ngx-datatable 过滤器演示中一样实现。我正在向 firebase 查询新的结果集，并尝试将新的 Observable 分配给数据表的行模型，但这不起作用：

预期行为：

过滤并获得新的 Observable 后，我希望数据表呈现新的 Observable。

以下是最重要的代码片段：

HTML，数据表（我正在使用 [rows]="rows | async" ！）：

组件：

我尝试了三种不同的方式来显示过滤的结果集：

1. 路由：使用路由参数（作为过滤器参数）看起来很有希望，但组件不会在每次导航时重新初始化。在初始路由、组件初始化和渲染表之后，我收到了一个如上所述的错误（请参阅代码片段）。

2. 使用 firebase 查询方法，但无法使用参数定义查询，以便检索所有项目或过滤所有项目的子集。使用应用了过滤器的 Observable 和没有过滤器的第二个 Observable 可能是一个解决方案，但我需要交换数据表上的行模型。这会导致上述错误。

3. 使用 rxjs 过滤器方法，但我没有找到在 Observable 上成功应用过滤器的解决方案

这些都没有给我一个解决方案。:-(

如何更改数据表的行模型或对 Observable 进行过滤？

谢谢，马库斯

试图将 ng-datatable 集成到我的 Angular 4 应用程序中。

我不确定缩进的用途是什么[limit]以及它是如何关联的pageSize（作为(page)事件的一部分发出）。

似乎pageSize取决于每行的高度以及其中有多少将适合表格的可用视口。改变[limit]似乎并不影响这一点。

如果我想在需要提取更多数据时从服务器中提取一定数量的行怎么办？我正在尝试使用这种策略创建一个无限滚动，但是文档有点简洁，所以我很清楚所有移动部分是什么。

我正在尝试创建一个 ngx-datatable，我可以在任何地方重复使用它来保持样式以及编辑等的工作方式。

大多数一切都有效，但我无法弄清楚为什么我无法正确扩展详细信息行。

下面是常用的表格组件 html/template：

common-table.component.html

父组件包含要传递的列和模板引用的定义：

搜索结果.component.html

仅针对代码中可能存在的问题，以下是列的设置方式：search-results.component.ts

数据出现，展开详细信息行的图标也出现。事件触发并显示行数据，但没有显示任何内容。

任何帮助将不胜感激！！