问题标签 [ngtable]

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 回答
3355 浏览

angularjs - 如何在 ngtable 中创建嵌套网格?

我正在尝试在我的 ngtable 中创建一个嵌套网格,如下所示:

问题是:为什么嵌套数据不显示?这是一个 plunkr: http ://plnkr.co/edit/dKTtU89f7z6nQptgEZxN?p=preview

0 投票
1 回答
2953 浏览

angularjs - 如何在 ngtable 中显示工具提示?

我正在尝试在我的 ngtable 中获取工具提示并使用以下代码:

我的 ngtable 看起来像这样:

因此尝试将 usercomment 属性显示为工具提示。问题是当鼠标悬停在评论栏上时如何在表格中显示?

另见 plunkr:http ://plnkr.co/edit/8zNSsyzbu2Xbda2NIbnK?p=info

0 投票
1 回答
5169 浏览

angularjs - 如何使用 ngTable 添加搜索

我当前的代码是使用 JSON 提取数据。我可以在 ngTable 上看到我的数据正确加载。

如何添加一个搜索框,在单击按钮时启动搜索并在我的 ngTable 上重新加载数据?我曾尝试在 ngClick 中使用 tableParams.reload() 但这不会重新加载我的数据。

控制器

工厂/数据服务

HTML

0 投票
1 回答
1117 浏览

angularjs - AngularJS:显示项目编号问题,使用过滤器和 ngtable 分页

我正在使用 NG-table 显示过滤后的数据,但我遇到了分页问题。

这是构造:

HTML:

过滤和分页工作正常,但如果选中红色复选框(红酒),所有过滤的红酒都会出现在经典列表中(未链接到 ng-table)。

通常在 ng-table 创建的表格中,在每个页面中应该出现 10 个项目,但事实并非如此(见下图)

这里的演示: http ://plnkr.co/edit/9xTdaQ2bTfY0jQpZAL1T?p=preview

截屏

有什么方法可以解决这个问题??

0 投票
1 回答
8894 浏览

angularjs - 如何在 Angular 中展开/折叠所有行

我已经成功创建了一个函数来切换我的各个行ng-table以使用以下方式打开和关闭:

有关更多代码,请参见plunkr,请注意展开/折叠按钮位于“菜单”中。

但是,我想不出现在打开和关闭所有行的方法。我希望能够以某种方式在行上运行 for 循环,然后在需要时调用切换,但是我这样做的尝试失败了。在下面看到它们:

关于如何正确打开/关闭所有行的任何想法?

0 投票
0 回答
214 浏览

angularjs - 如何使用 NgTable 通过 ajax 插入一行?

好的,我正在尝试做一些非常简单的事情,这是我的代码:

我有这个函数,当我想生成我的表时调用它......

在我的 html 中调用它(它工作正常)

问题是当我在提交表单时调用它并且我想通过 ajax 重新加载并在我的 ngTable 中插入一行...

为什么我的 ngTable 没有重新加载?我认为问题出在我的 ng-repeat 因为它没有重新加载我的表...

0 投票
1 回答
4998 浏览

angularjs - Ng Table Pager 模板不允许任何自定义数据绑定,例如 ng-click="Custom Function"

首先我使用了一个 ng table pager 模板

我无法使用我的自定义函数,例如 ng-click='first()' 而不是 ng-click="params.page(page.number)"

然后在其范围内调用参数。

任何人都可以帮我解决这个问题。谢谢。

0 投票
1 回答
668 浏览

css - 如何为 ngtable 设置可扩展细节的样式?

我正在尝试设置 ng-table 布局的样式,该布局在每一行中都包含一个表格。这种扩展功能以角度实现的方式如下所示:

这个问题与 CSS 更相关。

问题是,当单击 ServiceType 列旁边的加号图标时,4 个展开的列未与父表列标题对齐,即 Service Type、Location、Contact details 和 Last Updated。

我怎样才能设置它,值看起来很好对齐(左)?

此外,我无法将 Last Updated 列向左对齐。

这是问题的 plunkr 示例:http: //embed.plnkr.co/UlMg7J/preview http://plnkr.co/edit/UlMg7J?p=preview

0 投票
3 回答
38896 浏览

angularjs - Angular ng-table 动态标题在内部不起作用

我正在使用带有动态列的 ng-table,使用http://bazalt-cms.com/ng-table/example/20上的创建者示例

它工作得很好,直到我尝试用 transclude 包装一个指令,女巫导致标题消失,如http://plnkr.co/edit/mjYVEf所示。

索引.html

脚本.js

有没有人遇到过同样的问题?

0 投票
1 回答
1275 浏览

angularjs - Dynamically set Grouping in ng-table

I am using ng-table to list a set of elements, and am needing to group the elements in the table.
I want to be able to redefine what the data is sorted by, (even if this means having to redefine the table), as the creation of the table is fast.
I have had a go on JSFiddle, but it doesn't seem to be able to update the grouping.

I aim to have something like the following:

I thought of maybe using an ng-if to surround the entire ng-table, as I've read that it destroys the DOM elements inside it when evaluated to false, but this is a drastic measure to something that may be fairly easy to solve.

Link to JSFiddle