问题标签 [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.
angular - 如何在元素的打字稿中触发鼠标悬停事件?
我想知道如何在打字稿中的特定元素上绑定/触发鼠标悬停事件。这里的元素将根据键盘导航动态。
例如,如果按下向下箭头键,我应该能够激活一行ngx 数据表。
selenium - 使用带有 selenium 的机器人框架自动测试 ngx-datatable
有没有人使用robotframework 来测试ngx-datatable?由于它不像常规表格那样设置,因此硒库 Get Table Cell 功能不起作用。有没有人有解决方法的例子?
angular - 在 angular2 中使用 @viewchild 对同一元素进行多个模板引用
如下所示,我可以将多个局部变量引用到同一个元素吗?#datatable #selectionTable
基本上,我面临的问题是,我能够DatatableComponent
使用@viewChild
.
但是我无法通过导入来访问另一个子组件@viewChild
。当我尝试控制台并查看我新导入的组件时,我DatatableComponent
只获取了详细信息而不是DataTableSelectionComponent
详细信息。
angular - 当我在数据表中滚动时,路线不会改变
当前行为
我创建了一个 ngx-datatable,其中有一列里面有一个按钮。当我使用数据表加载路线时,此按钮单击工作正常。这个按钮的作用是路由到单击元素的另一个“详细信息页面”。
但是当我加载相同的路线并首先滚动数据表然后单击相同的按钮时,它不再起作用了。路线不变。但是,当我单击浏览器上一个按钮,然后单击前进按钮时,会显示“DetailPage”。
图像和代码
所以第一张图片显示了带有 ngx-datatable 的新加载的组件。当我单击红色按钮(标记)时,路由器会转到另一个页面并且工作正常(见图 2)。
但是,当我重新运行应用程序并在组件加载后向下滚动一点时(参见图 3)。相同的按钮不再起作用,但是如果我执行上述技巧(首先单击上一个,然后在浏览器导航中前进),它确实会加载所需的路线。
在按钮 Click 上执行的方法:
wearable 参数是行,第一行将此行发送到服务,第二行路由到“详细信息页面”
angular - 展开 rowdetails 时突出显示行
当 rowdetails 在 ngx-datatable 中展开时,有什么方法可以突出显示该行?
我们可以得到突出显示的扩展行。但无法点击点击的行
angular - 从 v11.0.4 更新到 v11.1.5 后,ngx-datatable “无法读取 null 的属性‘长度’”
将 ngx-datatable 从 升级v11.0.4
到后v11.1.5
,出现错误。
我试图降级v11.1.0
但同样的问题。我的表定义如下所示:
数据是异步的,因此表在初始化时没有数据。有任何想法吗?
angular - 排序不适用于如果列名中包含特殊字符和驼色字符
我正在使用ngx-datatable。如果列名中包含特殊字符和驼色字符,则排序不起作用。
例如 :
在表中,我需要对以下列进行排序:
- 显示名称
- 名
请问谁能给我解决方案?
谢谢并恭祝安康
希尔帕·库尔卡尼
javascript - ngx-datatable 动态设置列宽
我将 ngx-datatable 的列宽存储在数据库中。我使用 AJAX 调用获取这些值。
如何为数据表设置这些值?
我试过的:
<ngx-datatable-column>
在元素上设置 [width] 属性- 注入数据表
@ViewChild(DatatableComponent) table: DatatableComponent;
并设置this.table.bodyComponent.columns[0].width = 500;
我已经尝试了这些方法,有和没有this.table.recalculate();
,但似乎没有任何效果。
编辑
我正在datatable-column
使用header-template
and cell-template
。
javascript - ngx-DataTable 对列不工作的列进行排序 Angular 4
虽然我对 Angular 非常陌生,但我在使用 ngx-DataTable 时遇到了一些困难。我正在使用简单的 ngx-DataTable 进行简单的操作。问题出在列上,尽管我已将 attr 声明为 [sortable]=true,但排序不起作用。这是代码。表定义:
DataTable 包含两列,定义如下。
我只想让我的姓名列可排序。请帮帮我。提前致谢。
angularjs - ngx Datatable 动态更新标头
我在我的 Angular 应用程序中使用组件 ngx-datatable,我正在尝试动态更新标题文本。我正在尝试的是以下内容:
并动态更新 day_1_header 属性,但是当我这样做时,永远不会反映更改。我也尝试过添加 ViewChild 并直接更改名称,如下所示:
当我检查我的 dataTable1 对象的属性时,设置了新名称。
那么谁能告诉我如何重新渲染/同步数据表标题?
谢谢!