DataTables 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
DataTables 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
DataTables 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
DataTables 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
DataTables 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !
授权协议 未知
开发语言 JavaScript
操作系统 跨平台
软件类型 开源软件
开源组织
地区 不详
投 递 者 不详
适用人群 未知
收录时间 2008-09-19

软件简介

DataTables是一个jQuery的表格插件。这是一个高度灵活的工具,依据的基础逐步增强,这将增加先进的互动控制,支持任何HTML表格。主要特点:

  • 自动分页处理
  • 即时表格数据过滤
  • 数据排序以及数据类型自动检测
  • 自动处理列宽度
  • 可通过CSS定制样式
  • 支持隐藏列
  • 易用
  • 可扩展性和灵活性
  • 国际化
  • 动态创建表格
  • 免费的

展开阅读全文

评论 (9)

加载中
打分: 很差
几年前的老框架了,用起来确实不是很方便,建议不要用
2018/08/31 13:59
回复
举报
打分: 推荐
? 用过还好啊 不觉得坑
2018/03/03 09:02
回复
举报
都说坑 那我就不学了
2018/03/03 09:00
回复
举报
小马过河
2019/10/13 23:15
回复
举报
打分: 力荐
有中文文档,英文文档翻译后也能看懂,实际用下来还不错,报错了看错误去官网找文档,马上就能知道错哪里了
2017/12/05 11:05
回复
举报
这是特别坑
2017/12/01 20:17
回复
举报
打分: 力荐
挺好用的
2017/06/30 14:50
回复
举报
打分: 还行
ajax难用。就算看官方英文文档,也不一定好找你想要的答案。还有1.10前后新老版本很不同,找不到中文手册就麻烦大了。
2017/03/18 16:27
回复
举报
最好不要在实际业务中用这个玩意,坑人。。 DataTables
2014/05/12 09:48
回复
举报
更多评论
发表于大前端专区
2018/06/25 17:20

DataTables 1.10.19 发布,jQuery 表格插件

DataTables 1.10.19 已发布,DataTables 是一个 jQuery 的表格插件。这是一个高度灵活的工具,依据的基础逐步增强,这将增加先进的互动控制,支持任何 HTML 表格。 未找到该版本的具体更新内容,详情可关注发行列表。 下载地址: Source code (zip) Source code (tar.gz)

3
26
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了博客
2012/02/11 09:11

Datatables笔记

1.若对Datatables提供的css不够满意,可以自己修改page.css和table.css. 比如,单元格的内容过多会导致自动换行,我修改成了过多内容以省略号代替,同时增加了left类: table.css table.display td.center {   text-align: center;   white-space: nowrap;   text-overflow:ellipsis;   overflow: hidden; } table.display td.left {   text-align: left;   white-space: nowrap;   text-overflow:ellipsis;   overflow: hidden; } 2....

0
5
发表了博客
2015/05/02 20:26

DataTables_详细使用方法

jQuery的DataTables插件的使用方法 ADMIN 2011年11月23日 13:15:45 发布 在做后台的时候并没有美工和前端工程师来配合你做页面,为了显示数据并有一定的美感,我们可以使用jQuery的DataTables插件来帮助我们完成任务 1、DataTables的默认配置 $(document).ready(function() { $('#example').dataTable(); } ); 示例:http://www.guoxk.com/html/DataTables/Zero-configuration.html 2、DataTables的一些基础属性配置 "bPaginate...

1
13
发表了博客
2018/08/21 21:17

datatables后端分页

0x01 缘由 平时较少涉及前端,这次本以为模板中有表单,分页跳转搜索功能都比较齐全,可以高枕无忧,但是细看模板中的分页跳转是不需要与后台交互的,数据一次性写在前端,再有前端插件完成分页。 这种方式肯定是不可行的,这次要做的可以看做资产管理,服务器+主机量级很大,一个机器生成一条 <th>,第一次请求的前端代码怕是要崩掉。 所以合理采用的还是后端分页 0x02 分页方式 团队项目里看过的几种后端分页方式: 1. Pagin...

0
0
2015/01/19 14:15

DataTables 使用配置

一:官方网站:[http://www.datatables.net/] 二:基本使用:[http://www.guoxk.com/node/jquery-datatables] 1、DataTables的默认配置 $(document).ready(function() { $('#example').dataTable(); } ); 示例:http://www.guoxk.com/html/DataTables/Zero-configuration.html 2、DataTables的一些基础属性配置 "bPaginate": true, //翻页功能 "bLengthChange": true, //改变每页显示数据数量 "bFilter": true, //过滤功能 "bSo...

0
2
2018/12/20 16:36

datatables使用指南

前言 之前做项目也用过datatables渲染数据表,但也是一扫而过,照着例子初始化,满足基础的搜索,翻页和排序的功能就拉倒了,没有深入阅读了解过,这次做项目又使用到了,特此记录,方便以后查看。 datatables 官网 (datatables 有个中文官网,怎么说呢,尽可能的看英文官方吧。) DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, build upon the foundations of progressive enh...

0
0
发表了博客
2019/09/18 11:35

DataTables使用入门

简介 Datatables是一款jquery表格插件。它是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能。 分页,即时搜索和排序 几乎支持任何数据源:DOM, javascript, Ajax 和 服务器处理 支持不同主题 DataTables, jQuery UI, Bootstrap, Foundation 各式各样的扩展: Editor, TableTools, FixedColumns …… 丰富多样的option和强大的API 支持国际化 超过2900+个单元测试 免费开源 ( MIT license )! 商业支持 更多特性请...

0
0
发表于大前端专区
2018/12/20 22:22

datatables使用教程

文章目录 bootstrap-datatables使用教程 介绍 安装配置 简单使用 设置language 选项 设置开发常用选项 ajax异步带参数获取数据源,结合Java服务端模式 搜索条件,整合服务端,利用mybatis动态sql bootstrap-datatables使用教程 介绍 Datatables是一款jquery表格插件。它是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能。 分页,即时搜索和排序 几乎支持任何数据源:DOM, javascript, Ajax 和 服务器处理 支持不同...

0
0
发表了博客
2018/06/28 15:32

dataTables工作总结

近期在工作中用到了dataTables,现在总结一下在工作中遇到的问题以及解决方法,如有不妥之处希望多多指教,定会改进。 首先这里用的是coloradmin框架,在vs环境下开发。 这里写一个容器用于放值table: <div class="col-lg-12" id="dataTableDiv"> </div> 这里是table,在运行时将会动态填充到dataTableDiv中,其中dataTbody将存放数据: <script id="TableTemplate" type="text/x-jquery-tmpl"> <table class="table" id...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表于大前端专区
2020/02/20 18:10

datatables绑定自定义属性时,开启分页功能的情况下如何所有单元格都绑定上?

我的datatable加载完数据后,我想给所有单元格绑定一个自定义属性,如下: var tr_index = 0; for(var i=0;i<25;i++){ $('#table tbody tr').eq(tr_index).children().each(function(){ $(this).attr('dec_value','00'); }); tr_index++; } 但是却只有第一页能成功绑定,我知道这和绑定点击事件失效的原因一样,如果是点击事件的话,用jquery 的on()方法可以让所有页都生效,但是绑定自定义属性用不了on()方法吧?我应该怎样才能...

1
0
发表于大前端专区
2018/05/10 20:39

DataTables导出按钮位置怎么换?

如上图,我已经添加了导出按钮,也很好用,但是它的位置不对,怎么能把导出按钮(下载表格)移到上面去,或者在上面添一个链接调用导出命令? 从昨晚整到现在也没整明白,朋友们帮忙看看吧!

12
0
发表了问答
2015/03/27 14:31

datatables 后台如何获得排序信息?

6
0
发表了问答
2014/07/28 18:14

datatables 组件翻页后JS不生效。

我用了jQuery的datatables组件,页面显示的表格,有些单元格我还需要应用Jquery,通过ajax来处理一下,比如点击按钮删除某一行,或隐藏某个单元格。但为什么我写了脚本以后,第一页操作都完全正常,但翻到第二页之后就不生效了(例如click等,在第二页之后就都没反应了).请问有谁碰到过类似问题?

5
1
发表了问答
2017/12/28 09:31

这个插件搜索 只能搜索当前页面吗

一开始想快速搜索 但是发现数据量大了的话 模糊查询对数据库压力大了 然后找插件 好不容易用上了 发现只能搜索当前页的数据 多个分页数据搜索不到 不知道怎么改 用的 jquery.dataTables.min.js 这插件

3
1
发表了问答
2017/08/30 15:53

datatables插件的初始化问题

菜鸟刚开始学asp.net mvc,然后定义了一个方法数据库的数据转换成json格式,然后把这个数据作为datatables插件的数据源在前台显示,但是前台一直没有数据显示,后台方法是成功获取到数据的。/IISINDOes/getdata是获取json的方法。求大神指点啊 $('myDatatable').dataTable({ ajax: { url: '/IISINDOes/getdata', datatype:'json', }, columns:[ { data: 'ID' }, { data: 'INFORMATIONTREEID' }, { data: 'URL' }, { data: 'TYP...

6
0
发表了问答
2016/07/21 18:06

datatables的代码为什么不统一??

网上的代码绝大多数是这样的 "oLanguage": { "sLengthMenu 首字母缩写驼峰模式 而官网上都是language 全英文小写 为什么会这样是不是要淘汰了 用哪个好点

1
0
发表了问答
2014/01/16 11:39

jquery.dataTables.min.js 的问题

1.使用jquery.dataTables.min的时候,每页显示默认设置的"iDisplayLength": 10,第一次单开datatable的时候显示的是10条数据。 2.关闭datatable重新打开,结果第一页给全显示出来了,默认的设置不起作用了。此时再去选每页显示多少的按钮又能正常工作。 有碰到类似问题的大侠,跪求指导。

1
0
发表了问答
2016/09/07 18:16

表格控件求推荐,jqgrid、 datatables、 footables

查了一下,jqgrid、 datatables、 footables这三个好像用的人比较多,用过的老司机说下哪个好啊,求带

7
1
发表了问答
2017/02/13 14:30

DataTables 初始化问题

初始化DataTables列表,根据一列的某一个值,来默认选中某一列,这如何添加. 还请大家指点。

2
0
发表了问答
2015/07/31 16:37

jquery dataTable如何在搜索框的右边添加按钮

jquery dataTable如何在搜索框的右边添加按钮

1
0
发表了问答
2017/01/13 17:31

Vue.js 如何取消绑定

用Vue绑定了dataTable的某一列,造成无法分页。如何取消绑定的

4
1
发表了问答
2016/12/28 15:43

DataTables这框插件默认选中第一行怎么操作

DataTables这框插件默认选中第一行怎么操作

5
0
发表了问答
2016/12/01 09:32

datatables搜索之后那个序号怎么重排?

这是搜索之前 ,这是搜索之后 请问有没有办法让这个序号从1开始按顺序重排?

2
0
发表了问答
2014/08/19 18:51

dataTables如何让某列不排序,比如最后一列用来放option按钮。

dataTables如何让某列不排序,比如最后一列用来放option按钮。不让options列有排序功能。

4
0
发表了问答
2014/12/18 16:22

dataTables 分页怎么增加跳转页

请问:dataTables 分页怎么增加跳转页。

5
0
发表了问答
2016/09/19 15:25

怎么将DataTable的数据导出到Excel中?

最好能有一个例子~拜托了~

3
0
2016/07/29 17:54

datatables ajax 参数传值问题

var table ;   $(document).ready(function() {     table=$('#custAgentTable').DataTable({       "pagingType": "full_numbers",       "info":false,       "lengthChange":false,      "searching":false,    "processing": true,    "serverSide": true,    ordering:false,    "ajax":{    url:"${ctx}/front/cust/agent/custagent/listData", ...

3
0
发表了问答
2016/03/25 15:29

利用datatables从数据库中得到的日期变成了这样的无关的一串数字,为什么?

2
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
9 评论
211 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部