问题标签 [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 回答
1138 浏览

angular - 在 dblclick 上突出显示 ngx-datatable 行

我正在使用 ngx-datatable 并且我想在dblclick(使用this)上选择行。但问题是,行当然没有“减轻”。

基本上,要在单击时激活行突出显示,您需要将[selectionType]="'single'"输入添加到<ngx-datatable></ngx-datatable>. 有什么方法可以触发这种效果吗?

0 投票
1 回答
12897 浏览

angular - 为什么强制列模式在我的 ngx-datatable 实例上无法正常工作?

我正在尝试使用 ngx-datatable 包在我的 Angular 4 应用程序中显示一些数据,我对设置列宽的“强制”模式特别感兴趣。据我了解,该模式应该根据单元格内容智能地确定列宽,以便所有内容都可见。但是,它对我不起作用。这些列的宽度设置为 150 像素,而不是它们各自的自定义宽度。

这是我的表格 HTML:

这是我的配置:

Plunker 在这里显示问题: https ://plnkr.co/edit/KZHb2s0PPAiB7uPtwdIA?p=preview

0 投票
1 回答
2547 浏览

angular - ngx-datatable 未在我的 component.html 中呈现

我在我的项目中使用 angular 5.0 并尝试使用我也在 angular-cli 中使用 bootstrap css 但不是材料

但是在安装和导入模块后,我看不到页面上呈现的网格。

和 module.ts

0 投票
1 回答
3288 浏览

ngx-datatable - 未应用引导主题

我正在尝试将 Bootstrap 主题应用于我的数据表。我正在使用ngx-datatable10.4.0 版本,因为我仍在使用 Angular 4 并且 11.0 不兼容。根据更新日志,Bootstrap 主题是在 10.3.0 版本中添加的。

下面是我的component.html:

但是,这不会像demo中那样添加样式。我想我已经包含了文档显示的所有内容。

我正在使用 Bootstrap 3.3.7。需要4.0吗?我没有正确地包括一些东西吗?

0 投票
3 回答
9713 浏览

angular - 如何使用 ngx-datatable 中的代码选择所有行

我正在使用 ngx-datatable 列出一些我想使用函数调用选择所有行的用户。有什么办法吗?我正在使用角度 4

0 投票
1 回答
11052 浏览

angular - 拖动ngx-datatable,Angular4的列时如何滚动水平滚动条

我试图在拖动 ngx-datatable 的列标题时滚动水平滚动条。我正在使用 Angular4。在我的 ngx-datatable 中有水平滚动条,当我从左到右拖动第一列时,水平滚动条应该move.当我从左到右拖动 ngx-datatable 的列时,如何使水平滚动条移动。请帮我

0 投票
1 回答
948 浏览

angular - ngx-datatable 禁用默认的白色工具提示

我正在设计一个 Web 应用程序的样式,并被要求去掉这个 ngx-datatable 上的默认白色工具提示,但在这个主题上还没有真正找到任何东西。你能摆脱这些吗?

问题示例

0 投票
0 回答
531 浏览

angular5 - 使用 ngx-datatable 单击表中的按钮时创建多行编辑

任何人都知道如何使用 ngx-datatable 使用表格中的按钮创建自定义多行编辑(或行(/多行)选择更改以在单击编辑按钮时形成可编辑的形式并在取消按钮上取消)Plnkr 示例代码会很有帮助. 在此先感谢我正在使用 Angular 5。

0 投票
1 回答
2067 浏览

javascript - 基于组件变量的 ngx-datatable 动态单元格样式

ngx-datatable 单元格样式示例 ( http://swimlane.github.io/ngx-datatable/#css ) 使用单元格值作为条件。我想在组件中使用可以在任何组件方法中更改的变量。我尝试在 中这样做getCellClass(),但令我惊讶的是,即使声明的变量也是未定义的。

此代码适用于<div>单元格内部的样式,但我想将样式应用于整个单元格(或让 div 填充整个单元格)。

0 投票
2 回答
2096 浏览

javascript - Angular ngx-datatable 行详细问题

我在 ngx-datatable 中使用 row-detail 有两个问题。

  1. 行索引不起作用。我发现了一个描述该问题的 github 问题,但据说它已在 v. 10.0.2 左右修复,我使用的是 11.1.5(当前版本)。{{rowIndex}} 的每一行都返回 0。我的解决方法是将我自己的索引写到一个列中,然后引用它,但我不应该这样做。使用下面的代码,当我单击其中一个时,每一行都会进入编辑模式,因为它们都具有相同的 rowIndex。

  2. 我无法让行详细信息行使用其“父”行的全宽。我怀疑这是因为我正在使用[columnMode]="'flex'",而演示使用的是 columnMode]="'force'"。我可以设置一个最小宽度,但我不能让 width: 100% 工作。可能是因为有一个没有宽度的 div 包装器