angularjs - 智能表与 Angular 数据表

标签 angularjs smart-table angular-datatables

为了显示我的表格数据,我目前正在使用 Angular 数据表这里是 the link .在某些方面我对它很满意。

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

我将 angular-datatables 用于以下目的:

  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 点。能给个说法吗?

如果其中列出了所有可用选项,我可以切换到智能表格。
谢谢

最佳答案

  1. 分页?是的,您有开箱即用的分页功能,您甚至可以更改默认模板和功能
  2. 排序?您可以通过向列标题添加可选的 st-sort 指令来启用排序
  3. 多选?不,但是通过智能表很容易实现(完成一次)
  4. 删除?您可以删除行(也就是说,通过 http 执行 DELETE,如果成功则对数组进行切片)

如果您将来需要任何 ST 尚不具备的附加功能,您可以为其创建自己的插件。 docs你是 friend 吗

关于angularjs - 智能表与 Angular 数据表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33873703/

相关文章:

javascript - 如何在 AngularJS 中创建自动关闭警报消息

javascript - AngularJS 操作后不刷新客户端

javascript - 我如何动态填充 Ang2-smart-table 的列 Angular 4

javascript - 用 AngularJS 表中的值替换集合的 ID

button - 运行数据表角度指令时未捕获的 TypeError : Cannot read property 'version' of undefined at buttons. flash.js

javascript - 带有 ng- 标签的 Angular JS 的任何解决方案

angularjs - 仅将过滤后的数据导出到 Angular 智能表中的 csv 中

angularjs - 使用 socket.io 进行数据更新的 jQuery DataTables 娱乐

javascript - Angularjs 数据表 - rowCallback 事件

angularjs - 根据状态更改按钮样式 angularjs