问题标签 [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 投票
1 回答
623 浏览

angular2-template - ngx-datatable 分页和标题是否支持 tabindex 以符合 508 标准?

对于<ngx-datatable-column>html 模板,我想添加 html 属性tabindex以支持 508,但它对我不起作用。分页也不能按回车或键盘事件进入下一页。

0 投票
1 回答
1985 浏览

angular - 如何始终显示 ngx-datatable 行详细信息?

我在文档中看到了有关如何切换显示行详细信息的信息,但我无法在任何地方找到如何始终显示每一行的行详细信息。这甚至可能吗?

0 投票
8 回答
29678 浏览

angular - 在所有列上实现 NGX 数据表过滤

我一直试图让这个工作没有运气。我一直在参考这些资源寻求帮助: http ://swimlane.github.io/ngx-datatable/#filter
https://github.com/swimlane/ngx-datatable/blob/master/demo/basic/filter。组件.ts

基本上我只想让我的过滤器应用于多个列,而不实现代码来处理每一列。(一些数据表有​​ 20 多列!)

示例代码:

在这里,我显然只是在处理我的 items 数组的 'name' 属性的过滤。这工作得很好,但就像我提到的那样,如果网格包含许多列,我想要一种方法来处理所有这些列。任何帮助或提示表示赞赏。

0 投票
1 回答
361 浏览

javascript - 如何使用 ngx-datatable 制作水平表

就像标题所说的那样。我正在使用Angular 4的 ngx-datatable并且我正在尝试创建一个水平表(标题是 1. 列,所有其他列都填充了数据)。默认的垂直布局对我来说没有意义,因为我只有两个属性。我在文档或其他任何地方都找不到任何东西。

0 投票
1 回答
4959 浏览

angular - 具有可变列宽的 NGX 数据表

我想使用 ngx 数据表指定列宽度的百分比,而不是像素的固定宽度。到目前为止,我可以使用 cellClass 和 headerClass 来做到这一点,但表本身仍然是用固定长度创建的,它会溢出我的浏览器。有没有办法做到这一点。

0 投票
3 回答
13334 浏览

javascript - Angular 4 和 ngx-datatable:'ngx-datatable' 不是已知元素

我尝试ngx-datatable在我的 angular 4 项目中使用 system.js 来加载模块,但它会引发如下错误:

无法绑定到“行”,因为它不是 ngx-datatable 的已知属性。
无法绑定到“列”,因为它不是 ngx-datatable 的已知属性。
ngx-datatable 不是已知元素:

我猜 system.js 没有正确加载模块,但我找不到有关如何执行此操作的工作演示。该文档也没有帮助。

system.config.js:

app.module.ts:

组件.html:

组件.ts:

包.json:

0 投票
3 回答
20063 浏览

javascript - Angular ngx-datatable 在一列中有多个数据

我在 ngx-datatable 中向列添加多个道具时遇到了一点问题:

我需要在一列中显示两个道具。就像一列中的“eventName”和“when”。

该模型:

的HTML:

谢谢!

0 投票
0 回答
3019 浏览

angularjs - 嵌套的 ngx 数据表

有人可以让我知道嵌套 ngx-datatable 是否可以在另一个 ngx-datatable 中使用,例如我想在另一个数据表的列中添加一个单独的 ngx-datatable。

这是我正在尝试的

有人可以确认嵌套数据表是否可行,如果可以,我该怎么做?

编辑

我想创建以下结构

要创建的结构

据我了解,ngx-datatable 目前不支持 colspan 和 rowspan 功能。要求您提供一些指示,以便我可以继续实施

0 投票
1 回答
2227 浏览

angular - 角度显示表中的数据而不是对象

我正在开发一个安装并运行 ngx-datatable 的 Angular 应用程序。我有一个 Supplier 对象,我需要使用 ngx-datatable 显示一个表,其中一些列显示对象的一些属性,而一些列显示在对象属性上动态计算的值。

这是我的供应商类:

这是发票类:

现在我想显示一个包含供应商列表的表格,其中包含以下列:idcreatedAtcreatedBytotalAmountOfInvoicestotalNumberOfInvoices

我的问题来自最后两列,我不知道如何正确处理。

ngx-datatable 期望组件中有 arows[]和 a columns[],但是当我Supplier[]为行传递 a 时,我不知道应该为计算的列使用什么。

显示该数据的最佳方式是什么?当我在服务中检索对象时,是否应该计算这些值并将它们注入到供应商对象中,还是有更好的方法来解决我的问题?

0 投票
0 回答
655 浏览

angular - 是否可以将 Angular 表单验证与 ngx-datatable 一起使用?

我正在使用 ngx-datatable 呈现数据,以便用户可以动态添加或删除行并保存这些更改。但我希望能够对任何新添加的行使用 Angular 的内置表单验证。这样做甚至可能吗?