问题标签 [angular-datatables]

我在角度数据表（角度数据表）中的列重新排序有一些问题，

请看一下：angular-datatable column draggable out of the table，以更好地理解问题。

所以我可以找到一个简单的拖放/列重新排序指令，它完全符合我的要求。

链接： ColumnReordering （这有简洁的拖放/列重新排序实现）

所以尝试与 angular-datatable 结合，你可以在这里找到它 angular-dataTable Integration

我使用第一个 plunker 集成角度数据表的步骤：

在 index.html 中

• < script src="http://code.jquery.com/jquery-1.10.1.min.js" />

• < script src="//cdn.datatables.net/1.10.2/js/jquery.dataTables.min.js" />

• < script src="http://code.angularjs.org/1.2.11/angular.js" />

• < script src="http://l-lin.github.io/angular-datatables/dist/angular-datatables.min.js" />

datatables在 DI 中添加

datatable="ng"在 tabletemplate.html 中添加

问题是列重新排序正在发生，但没有datatable影响的功能，可以在 Web 控制台中看到错误。无法找出问题所在。

我正在尝试在此链接https://l-lin.github.io/angular-datatables/#/serverSideProcessing中制作 Angularjs Datatable 服务器端分页

所以我使用这段代码

我在 dataSrc 参数中手动添加了 recordsTotal、recordsFiltered 和 row

这是添加recordsTotal，recordsFiltered和row之前和之后的json数据

添加前的json数据

添加后的json数据

问题是分页不起作用，数据表在一页中显示所有数据，当我点击分页按钮时没有任何动作。

有没有办法使用 DTColumnBuilder 在文本框中呈现带有模型绑定的列？

就像是：

嗨，我正在使用 Angular JS 和 Node。当我在 angularjs 数据表中使用客户端时，当获得大量记录 [> 5000 条记录] 时，浏览器进入无响应状态。所以我尝试使用服务器端脚本，但是什么时候使用我在火错误中得到以下错误。

包括脚本。（其为 Jade 格式）[要将其转换为 HTML，请使用 HTML to jam 转换器]

谁能帮我解决这个问题。

在此先感谢 Ram K

我正在尝试在我的角度 js 项目中使用角度数据表，但似乎遗漏了一些东西，有人可以帮我吗

链接： -

html代码：-

js代码：-

渲染后的页面： -

我有角度数据表配置，效果很好。我的配置看起来像

但我也有更新数据的过滤功能，recordsTotal因此应该重新渲染分页 - 必须修改最后一个按钮编号。但它不会发生。有没有办法打电话

从控制器？什么对象和什么方法更新分页？

在 JavaScript 中，我有

与其他选项。在 HTML 中，我有一个包含四列的表格。当我不移动列时它运行良好。但是，当列移动时，搜索框无法正常工作。有什么解决办法吗？

这是 Plunkr：http ://plnkr.co/edit/uPv8FoUrJkQWnEaE2AQY?p=preview

script.js 具有列移动逻辑。

添加 .withLightColumnFilter 函数后，这是我的 Plunkr：http ://plnkr.co/edit/Y6qTGzNWOnGGCYS3f3yi?p=preview

script.js 具有 .withLightColumnFilter 实现

正如您在 Web 控制台中看到的，我有错误，无法继续前进。

为了显示我的表格数据，我目前正在使用角度数据表这是链接。在某些方面，我对它最满意。

角度数据表的唯一问题是，我无法手动从表中删除一行。有一些有角度的方式可以编辑和删除行，但是表格会重新呈现，所以所有的排序和分页都会丢失。我找到了另一个解决方案（智能表），但我没有找到是否可以编辑/删除行条目（从表中）。这是一个小比较。

我将角度数据表用于以下目的：

1. 使用分页和/或滚动条显示一些数据
2. 为每一列定义自己的标题宽度
3. 搜索所有列/搜索某些列
4. 使用自定义 html 代码渲染一些列（例如，我在其中放置了一些操作按钮，或者将某些列中的条目设置为链接）
5. 对每一列的值进行排序（升序、降序）
6. 禁用对某些列的排序
7. 多选行（突出显示一行并将数据集的 id 保存在行后面以进行操作）
8. 没有编辑/删除行

我的问题是，如果你可以对smart-table做同样的事情

我发现，所有的点都已经很好地实现了。

1. 分页：是/滚动条：不是？
2. 是的
3. 是的
4. 是的
5. 是的
6. （是的？）
7. 多选：是的，访问选定的数据 id 否？
8. 不？

我只是不确定第 1 点、第 6 点、第 7 点和第 8 点。你能在那里发表声明吗？

如果里面有所有列出的选项，我可以切换到智能表。
谢谢

项目中的表现在是这样实现的：

与此表相关的代码：

现在，除了列 - 数据以对象的形式存在之外，这似乎还可以，User Group Role这就是为什么我需要使用ng-repeat. 我知道initComplete我将最终申请的回调，但我不知道我将如何执行扩展本身。我的意思是我想在每个单元格中操作，但我只能访问整行。我尝试了一个renderWith()函数，vm.dtColumns但它根本不起作用。你能告诉我正确的方向吗？

渲染后我没有填充我的 DtInstance。任何人都遇到过这个问题。