首页 > 其他 > 详细

datatables使用方式

时间:2018-02-25 00:29:14      阅读:293      评论:0      收藏:0      [点我收藏+]

 

datatables是一款基于jQuery开发的开源免费的表格插件,它有完整全面的功能、丰富的api和支持、优秀的质量和稳定性及性能,强大的功能包括(且不限于):

  • 支持Ajax数据获取,提供真分页实现方案.
  • 提供多种常见主题支持DataTables, jQuery UI, Bootstrap, Foundation
  • 完全支持响应式设计
  • 完美支持排序,翻页,自定义行列显隐,样式和内容.
  • 自动控制列宽.
  • 灵活控制表格的滚动条设定.
  • 多语言支持
  • 另外通过扩展功能还可以实现
    •   列的拖动
    •   单列过滤
    •   行或列的固定
    •   表格内编辑
    •   少量类Excel功能(如键盘选择,拖动赋值)
    •   Excel, PDF导出功能

静态实例:

技术分享图片

需要注意的几点:

1、首先需要引入datatables的样式文件、jQuery文件、datatables的js文件。

2、table标签必须包含thead和tbody标签,并且 th和td标签的长度必须一致否则会报错: Cannot set property ‘_DT_CellIndex‘ of undefined

之后打开浏览器会看到一下效果

技术分享图片

 

datatables使用方式

原文:https://www.cnblogs.com/xieyao/p/8468039.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!