首页 > 解决方案 > 将 data-* 属性添加到 jquery 数据表

问题描述

rowId文档中所述,我可以使用将 id 添加到数据表的每一行。

$('#myTable').DataTable( {
    ajax: '/api/staff',
    rowId: 'staffId'
} );

但是如何将 data-* 属性添加到行中。

例如,我想将 data-spaceid 和 ata-enrollmentid 添加到该行。

<tr data-spaceid="20146" data-enrollmentid="32" id="123"/>

标签: javascriptjquerydatatables

解决方案


使用createdRow, 每当为表的主体创建 TR 元素以添加数据属性时的回调。这是一个例子。

$('#myTable').dataTable( {
  'createdRow': function( row, data, dataIndex ) {
      $(row).attr('data-spaceid', '20146');
  },
});

推荐阅读