问题标签 [ngx-datatable]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
4 回答
23583 浏览

javascript - 是否可以更改 ngx-datatable-column 名称?

我正在构建一个 angular2 Web 应用程序,并且我有一个ngx-datatable元素。列(标题)名称是数字。

有什么方法可以在视图中编辑这些名称?

搜索后我找不到很多关于 的信息ngx-datatable-column,甚至关于 的资源,ngx-datatable-column即使在代码中也没有显示更改列名的可能性。

0 投票
1 回答
9029 浏览

angular - Ngx 数据表行详细信息

我正在尝试根据手册使 Ngx-datatable 详细信息行工作,但到目前为止还没有运气。

我已经创建了这个 plunker:https ://embed.plnkr.co/yQv0Gvy8E8k1bqRr5Pxx/ 基本上只是从Swimlanes在线文档http://swimlane.github.io/ngx-datatable/#row-details复制行详细演示

我想使用手册中提到的 rowHeight 绑定:

和 TS:

然而,行一直未定义!我错过了什么?

作为替代方案,我只想从 getHeight 函数访问我的原始行数组,但继续获取未定义的行。

谢谢!

更新 - 修复

我修复它的方法很简单:

0 投票
2 回答
387 浏览

angular - 是否可以使用 ngx-datatable 自动生成列?

我正在使用该ngx-datatable包在可排序、可过滤的数据网格中呈现我的数据(从 WebAPI 检索)。

我的设置是一个Angular 4应用程序(与一个Web API in .NET core无关紧要的)。

我想知道是否可以根据从 Web API 返回的 JSON自动生成完整的表,包括 columns 。我已经在 google 上进行了搜索,但似乎找不到任何提供此功能的示例。

如果这是不可能的,并且您有任何替代库,这些也是非常受欢迎的。

0 投票
2 回答
7720 浏览

angular - 按升序和降序对 ngx-datatable 中的数字列进行排序。角 2/4

我需要对 ngx-datatable 中的 ID 号列进行排序。我的表中也有空值,如何按升序获取列并最终获取空值。它从服务器中排序,但是当我尝试排序 desc 并返回到升序时,空值总是排在第一位。然后我需要在升序排序时排在最后。这是我的一些代码

我不知道那种排序方法的去向。我尝试了 [sorts]= " [{ prop : 'ID', dir : 'asc' ] ", [comarator] (但不确定我做的是否正确)。

谢谢

0 投票
0 回答
1802 浏览

ngx-datatable - ngx-datatable - 设置表格高度

我有一个带有服务器端分页的 ngx-datatable。假设页面大小为 100 行,表格会垂直增长以显示所有行。但是,我想将表格保持在固定高度,例如使用显示 10 的视口和用于滚动当前加载页面中的 100 的垂直滚动条。(不使用服务器滚动(scrollbarV)) - 加载页面的本地滚动。

有没有办法做到这一点?

我还注意到服务器滚动似乎默认使用 5 行,即使我的页面大小是 100。这是某个地方的设置吗?

0 投票
1 回答
508 浏览

angular - 键入时过滤不起作用(keyup)

我正在尝试在ngx-datatable我的应用程序中实现工作,到目前为止,我所拥有的是一个包含一堆行的表格,第一列是一个切换按钮,我可以在其中看到有关该行的更多详细信息。我正在尝试实现搜索过滤器,并尝试遵循有关过滤ngx-datatable和谷歌搜索的演示文档,但由于某种原因,我的过滤器不起作用,我不知道为什么了。

当我在输入中输入内容时,它立即变为No data to display. 搜索后我真的很困惑,似乎我updateFilter(event)正在做与其他人一样的事情,但它对他们有用。

0 投票
1 回答
3014 浏览

angular - NGX-数据表。如何获取当前表实例?

我有一个带有表的组件,它通过@Input 从另一个组件接收 RowData。如何获取当前表的实例。

这是我的html的一部分

和组件 ts

0 投票
1 回答
2463 浏览

angular - ngx-datatable 列未呈现 - Angular

所以我试图在泳道的帮助下创建一个动态数据表ngx-datatable。我的数据来自后端,我可以在控制台上看到数据。很少有列在表中呈现,其中很少有未呈现。我无法找出为什么某些列没有呈现。任何帮助是极大的赞赏。

下面是该行的数据之一

JSON

clientname , id, drugsource, edit正在渲染,但medication_name , mapping_comment , strength不是。

HTML:

TS

0 投票
1 回答
14688 浏览

angular - Ngx-datatable cellClass 不起作用

我尝试将我的自定义 css 附加到 ngx-datatable 单元格。

用于my-custom-cell

在开发工具中,我可以看到datatable-body-cell有类

问题是没有css被覆盖

0 投票
0 回答
500 浏览

angular - ngx-datatable angular 4 fuse2 在首次加载时未按行显示数据

我在单页应用程序的每个页面上都使用 ngx-datatable。当我访问第一页并调用服务器后端时,它会返回数据,但不会在我的 html 中显示。我在我的选择角度材料元素中使用相同的数据,打开它后,我的 ngx-datatable 中的数据也会显示出来。如果我刷新页面,数据也会显示在我的 ngx-datatable 中。我希望无需刷新页面或使用我选择的角度材料元素即可显示我的数据。这个问题只发生在我的第一页,所有其他页面都正常显示数据。

组件.ts

html