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

angular - 如何在元素的打字稿中触发鼠标悬停事件?

我想知道如何在打字稿中的特定元素上绑定/触发鼠标悬停事件。这里的元素将根据键盘导航动态。

例如,如果按下向下箭头键,我应该能够激活一行ngx 数据表

0 投票
1 回答
420 浏览

selenium - 使用带有 selenium 的机器人框架自动测试 ngx-datatable

有没有人使用robotframework 来测试ngx-datatable?由于它不像常规表格那样设置,因此硒库 Get Table Cell 功能不起作用。有没有人有解决方法的例子?

0 投票
0 回答
611 浏览

angular - 在 angular2 中使用 @viewchild 对同一元素进行多个模板引用

如下所示,我可以将多个局部变量引用到同一个元素吗?#datatable #selectionTable

基本上,我面临的问题是,我能够DatatableComponent使用@viewChild.

但是我无法通过导入来访问另一个子组件@viewChild。当我尝试控制台并查看我新导入的组件时,我DatatableComponent只获取了详细信息而不是DataTableSelectionComponent详细信息。

0 投票
1 回答
86 浏览

angular - 当我在数据表中滚动时,路线不会改变

当前行为

我创建了一个 ngx-datatable,其中有一列里面有一个按钮。当我使用数据表加载路线时,此按钮单击工作正常。这个按钮的作用是路由到单击元素的另一个“详细信息页面”。

但是当我加载相同的路线并首先滚动数据表然后单击相同的按钮时,它不再起作用了。路线不变。但是,当我单击浏览器上一个按钮,然后单击前进按钮时,会显示“DetailPage”。

图像和代码

所以第一张图片显示了带有 ngx-datatable 的新加载的组件。当我单击红色按钮(标记)时,路由器会转到另一个页面并且工作正常(见图 2)。

新加载的组件

不滚动的结果

但是,当我重新运行应用程序并在组件加载后向下滚动一点时(参见图 3)。相同的按钮不再起作用,但是如果我执行上述技巧(首先单击上一个,然后在浏览器导航中前进),它确实会加载所需的路线。

新加载的组件和滚动 结果我在滚动后单击时得到

在按钮 Click 上执行的方法:

wearable 参数是行,第一行将此行发送到服务,第二行路由到“详细信息页面”

0 投票
1 回答
90 浏览

angular - 展开 rowdetails 时突出显示行

当 rowdetails 在 ngx-datatable 中展开时,有什么方法可以突出显示该行?

我们可以得到突出显示的扩展行。但无法点击点击的行

0 投票
1 回答
1030 浏览

angular - 从 v11.0.4 更新到 v11.1.5 后,ngx-datatable “无法读取 null 的属性‘长度’”

将 ngx-datatable 从 升级v11.0.4到后v11.1.5,出现错误。

我试图降级v11.1.0但同样的问题。我的表定义如下所示:

数据是异步的,因此表在初始化时没有数据。有任何想法吗?

0 投票
2 回答
1106 浏览

angular - 排序不适用于如果列名中包含特殊字符和驼色字符

我正在使用ngx-datatable如果列名中包含特殊字符和驼色字符,则排序不起作用。

例如 :

在表中,我需要对以下列进行排序:

  1. 显示名称

请问谁能给我解决方案?

谢谢并恭祝安康

希尔帕·库尔卡尼

0 投票
6 回答
48150 浏览

javascript - ngx-datatable 动态设置列宽

我将 ngx-datatable 的列宽存储在数据库中。我使用 AJAX 调用获取这些值。

如何为数据表设置这些值?

我试过的:

  1. <ngx-datatable-column>在元素上设置 [width] 属性
  2. 注入数据表@ViewChild(DatatableComponent) table: DatatableComponent;并设置 this.table.bodyComponent.columns[0].width = 500;

    我已经尝试了这些方法,有和没有this.table.recalculate();,但似乎没有任何效果。


编辑
我正在datatable-column使用header-templateand cell-template

0 投票
1 回答
18555 浏览

javascript - ngx-DataTable 对列不工作的列进行排序 Angular 4

虽然我对 Angular 非常陌生,但我在使用 ngx-DataTable 时遇到了一些困难。我正在使用简单的 ngx-DataTable 进行简单的操作。问题出在列上,尽管我已将 attr 声明为 [sortable]=true,但排序不起作用。这是代码。表定义:

DataTable 包含两列,定义如下。

我只想让我的姓名列可排序。请帮帮我。提前致谢。

0 投票
1 回答
1976 浏览

angularjs - ngx Datatable 动态更新标头

我在我的 Angular 应用程序中使用组件 ngx-datatable,我正在尝试动态更新标题文本。我正在尝试的是以下内容:

并动态更新 day_1_header 属性,但是当我这样做时,永远不会反映更改。我也尝试过添加 ViewChild 并直接更改名称,如下所示:

当我检查我的 dataTable1 对象的属性时,设置了新名称。

那么谁能告诉我如何重新渲染/同步数据表标题?

谢谢!