{hero}

columns.type

自:DataTables 1.10

设置列类型 - 用于过滤和排序字符串处理。

描述

在客户端处理模式下运行时,DataTables 可以以适合正在执行的操作的方式处理用于显示每个单元格中的数据。例如,HTML 标签将从用于过滤器匹配的字符串中删除,而排序格式可能会删除货币符号以允许货币值按数字排序。执行以标准化数据的格式化操作,以便它可以按顺序排列和搜索,取决于列的类型

DataTables 有许多内置类型,可以自动检测到

  • date - 日期/时间值。请注意,DataTables 的内置日期解析适用于具有 3 个分隔符 (/-,) 的 ISO 8601 格式。其他日期格式支持可以通过使用内置的 datetime 渲染器 以及 Moment.js 或 Luxon 库之一来添加。
    • 排序 - 按时间顺序排序
    • 过滤 - 无效
  • num - 简单数字排序。
    • 排序 - 按数字排序
    • 过滤 - 无效
  • num-fmt - 格式化数字的数字排序。使用千位分隔符、货币符号或百分比指示符格式化的数字将由 DataTables 自动按数字排序。
    • 支持的内置货币符号为 $£¥
    • 支持的内置千位分隔符为 ',
    • 示例
    • $100,000 - 排序为 100000
    • £10'000 - 排序为 10000
    • 5'000 - 排序为 5000
    • 40% - 排序为 40
    • 排序 - 按数字排序
    • 过滤 - 无效
  • html-num - 与 num 选项相同,但数据中也包含 HTML 标签。
    • 排序 - 按数字排序
    • 过滤 - 从过滤字符串中删除 HTML 标签
  • html-num-fmt - 与 num-fmt 选项相同,但数据中也包含 HTML 标签。
    • 排序 - 按数字排序
    • 过滤 - 从过滤字符串中删除 HTML 标签
  • html - HTML 标签的基本字符串处理
    • 排序 - 排序时删除 HTML 标签
    • 过滤 - 从过滤字符串中删除 HTML 标签
  • string - 如果列中的数据不符合其他数据类型(以上)的要求,则回退类型。
    • 排序 - 无效
    • 过滤 - 无效

预计以上选项将涵盖 DataTables 中使用的多数数据类型,但是,数据是灵活的,并且以多种形式出现,因此可以通过使用插件添加具有不同效果的附加类型。这提供了对几乎所有可以想象的数据格式进行排序的能力!

作为优化,如果您事先知道列类型,您可以使用此选项设置值,从而使 DataTables 不必运行其自动检测例程。

请注意,如果您使用服务器端处理 (serverSide),则此选项无效,因为排序和搜索操作是由服务器端脚本执行的。

类型

此选项可以在以下类型中使用

默认值

从原始数据自动检测。

示例

使用 columnDefs 手动设置第一列的类型

new DataTable('#myTable', {
	columnDefs: [{ type: 'html', targets: 0 }]
});

使用 columns 手动设置第一列的类型

new DataTable('#myTable', {
	columns: [{ type: 'html' }, null, null, null, null]
});

相关

以下选项直接相关,也可能在您的应用程序开发中很有用。