columns.name 给列设置一个描述名称

最低支持版本:DataTables 1.10


描述(Description)

当时使用 DataTables API 时,你也许希望能够处理各个列(比如总计一列的数字总和),DataTables 有 两种基本的方法来标记列:

  • 列索引(当表格初始化的时候索引会自动分配)
  • 使用名称标记(当你使用 columns.name 参数的时候)

使用 columns.name 配置,可以使 API 操作列变得非常方便。比如访问一列的数据,你可以这样使用 table.column( 'location:name' ).data() 这里有两个关键点:

  • location 是标准前缀,用来告诉DataTables使用名称来操作列而不是索引
  • :name 追加冒号和具体的名称表明DataTables应该使用 name 去做选择器操作

更多关于列选择器操作的文档请参考 columns()API 文档

类型(Type)

这个选项能够接受以下类型的参数:

例子(Example)

使用 columnDefsOption 配置columns.name 给1,2,3,4,5 列分别指定engine,browser,platform,version,grade名称

1
2
3
4
5
6
7
8
9
$('#example').DataTable( {
    "columnDefs": [
       { "name": "engine",   "targets": 0 },
       { "name": "browser",  "targets": 1 },
       { "name": "platform", "targets": 2 },
       { "name": "version",  "targets": 3 },
       { "name": "grade",    "targets": 4 }
     ]
} );

使用 columnsOption 配置 columns.name

1
2
3
4
5
6
7
8
9
$('#example').DataTable( {
     "columns": [
        { "name": "engine" },
        { "name": "browser" },
        { "name": "platform" },
        { "name": "version" },
        { "name": "grade" }
      ]
} );

相关属性(Related)

下面的选项是直接相关的,也可能是您的应用程序的开发非常有用。

API

https://datatables.net/reference/option/columns.name

Translation from DataTables.net, with permission

百度站内搜索

Google站内搜索

赞助我们

赞助我们

您的支持,将是我们前进的最大动力……