DataTables中文网例子索引 DataTables中文网例子索引 v3.4.1 
  •  
    • 首页
    • 博客
    • 例子
    • 入门手册
    • 文档
    • DataTables扩展
    • DataTables插件
    • FAQS
    • 更新日志
    • 关于我们
    • 导航
基本初始化
  • 0配置
  • DataTables布局(dom定位)
  • 垂直滚动条(jQuery-ui 风格)
  • 各种分页风格
  • DataTable各种状态缓存
  • 开启/关闭DataTables功能
  • 垂直滚动条
  • 水平滚动条、动态高度
  • 水平和垂直滚动条
  • 复杂表头(rowspan 和 colspan)
  • 一个页面初始化多个表格
  • 多列同时排序
  • 表格宽度自适应
  • 数字格式化(国际化)
  • 语言国际化
  • 设置隐藏列
  • 设置默认排序的列
高级初始化
  • 监听 DataTables 内置事件
  • 为 DataTables 绑定事件(点击行获取数据)
  • Html5 数据属性-dataset
  • Html5 data-* 属性初始化 DataTables
  • 列渲染(render)
  • 行创建回调(createdRow)
  • 使用dom选项配置多个功能特性
  • 将dom数据转化为DataTables内部可读数据
  • 使用dom选项添加自定义元素
  • 自定义每页显示长度(lengthMenu)
  • 行分组显示
  • 行合计(footerCallback)
  • 单独引入语言文件(language.url)
  • 复杂表头(并隐藏最后一列)
  • 高级排序(控制排序方向)
  • 使用$.extend扩展DataTables默认设置
AJAX获取数据
  • ajax获取对象类型数据
  • ajax获取数组类型数据
  • 自定义数据源的属性名(dataSrc:"")
  • 自定义数据源的属性名(dataSrc:"demo")
  • ajax获取嵌套对象类型数据
  • ajax获取嵌套数组类型数据
  • 延迟渲染数据
  • 显示和数据分离(orthogonal-data)
  • 生成自定义内容
四种数据源
  • ajax获取数据
  • DOM作为数据源
  • javascript数组
  • 从服务器获取数据
API
  • 列的显示和隐藏
  • 在回调方法里使用API实例
  • 滚动条和Bootstrap tabs配合使用
  • 搜索API(正则表达式)
  • 子行(显示额外的、详细的信息)
  • 添加行
  • 索引列
  • 单个列搜索(下拉选择)
  • 单个列搜索(文本输入框)
  • 表单
  • 选中多行
  • 选中单行
  • 高亮显示行和列
Plug-ins
  • API 插件方法
  • DOM对象排序
  • 排序插件(无类型检测)
  • 排序插件(类型检测)
  • 范围过滤
服务器处理
  • 服务器处理模式
  • 自定义http变量
  • POST传递数据
  • 自动给row绑定id属性
  • 对象数据源
  • 行详情
  • 行选择
  • JSONP数据源(跨域)
  • 延迟加载数据
  • 减少ajax请求次数(管道分页)
小伙伴共享
  • 内容太丰富,看了绝对不后悔
  • 增删改查-服务器模式(1.10.+)(java)
  • 增删改查-服务器模式(1.9.-)(php)
  • 自定义http变量
  • 内容太丰富,看了绝对不后悔
  • 行内编辑-不使用插件(服务器模式)
  • 行内编辑-使用插件(服务器模式)
  • 行详情
  • 拖动列宽
  • 表格树(treegrid)
  • 怎样给DT的一列加上Checkbox
  • 给DT添加Checkbox和行选中效果
  • 自助解决问题
