DataTables
交互式高级
表的特性。
编辑器
全面的编辑
DataTables 的库。
手册
下载
  • 示例
  • 手册
  • 参考
  • 扩展
    • 自动填充
    • 按钮
    • 列重新排序
    • 编辑器
    • 固定列
    • 固定表头
    • 键表
    • 响应式
      • 初始化
      • 列优先级
      • 类逻辑
      • 详细信息视图
      • 示例
      • 参考:选项
      • 参考:API
      • 参考:事件
    • 行组
    • 行重新排序
    • 滚动条
    • 搜索生成器
    • 搜索面板
    • 状态恢复
    • 选择
    • 独立项: 日期时间
    • 旧版: 列视图
    • 旧版: 表格工具
  • 插件
  • 博客
  • 论坛
  • 支持
  • 常见问题解答
  • 下载
  • 购买
≡ 显示站点导航

响应式

在响应式网页设计的现代世界中,表格通常会因为其基于行的布局而给设计师造成特别的问题。响应式是 DataTables 的一个扩展,它通过动态插入和删除表格中的列来优化表格布局以适应不同的屏幕大小,从而解决了这一问题。

基本的初始化

  • 基本的初始化
  • `new` 构造器
  • Ajax 数据
  • 默认初始化
  • 复杂页眉
  • 服务器端处理

显示类型

  • 立即显示隐藏的详细信息
  • 模态详细信息显示
  • Bootstrap 模态
  • Bootstrap 4 模态
  • Bootstrap 5 模态
  • Bulma 模态
  • Foundation 模态
  • Semantic UI 模态
  • jQuery UI 模态

列控制

  • 自动隐藏列
  • 列优先级
  • 类控制
  • 分配类控制
  • 带按钮 - 列可见性
  • 带固定表头
  • 带列重新排序

子行

  • 禁用子行
  • 移动节点(无克隆)
  • 列控制的子行
  • 列控制 - 右侧
  • 整行子行控制
  • 自定义子行渲染器

样式

  • Bootstrap 3 样式
  • Bootstrap 4 样式
  • Bootstrap 5 样式
  • Foundation 样式
  • Bulma 样式
  • Fomantic-UI(形式为 Semantic-UI)样式
  • jQuery UI 样式
  • 紧凑式样式
  • 垂直滚动

DataTables

DataTables 由 SpryMedia Ltd 设计和创建。
© 2007-2024 MIT 许可. 隐私政策. 支持者.
SpryMedia Ltd 在苏格兰注册,公司编号为 SC456502。