基于jQuery Datatables的前端表格增删改查实现

Datatables是一款jquery表格插件。它是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能。

有着怎样的优势

  1. 分页,即时搜索和排序
  2. 几乎支持任何数据源:DOM, javascript, Ajax 和 服务器处理
  3. 支持不同主题 DataTables, jQuery UI, Bootstrap, Foundation
  4. 各式各样的扩展: Editor, TableTools, FixedColumns ……
  5. 丰富多样的option和强大的API
  6. 支持国际化
  7. 超过2900+个单元测试
  8. 免费开源 ( MIT license )! 商业支持

如何使用

使用DataTables很简单,只需要引入两个文件, 一个css样式文件和DataTables本身的脚本文件。在DataTables CDN上,可以使用下面这两个文件:

  
  

页面中插入代码

Column 1 Column 2
Row 1 Data 1 Row 1 Data 2
Row 2 Data 3 Row 2 Data 4
Row 3 Data 5 Row 3 Data 6

页面下方再引入脚本


便大功告成了!
来看效果
基于jQuery Datatables的前端表格增删改查实现_第1张图片
非常简单粗暴。

通过Datatables实现增删改查

来看完整示例




  
  
  DataTable
  
  
  
  
  
  
  
  



  
序号 漫画 作者 集数 出版社 ISBN

效果预览
基于jQuery Datatables的前端表格增删改查实现_第2张图片

你可能感兴趣的:(前端框架)