jQuery Datatables使用data-sort属性添加行

时间:2016-08-02 08:38:29

标签: datatables

我必须动态地向jquery数据表添加一行。问题是,我有几个具有data-sort属性的单元格。如何将这些属性添加到添加的行?

<table>
    <thead>
        <tr>
            <th>Name</th>
            <th>Preis</th>
        </tr>
    </thead>

    <tbody>
        <tr>
            <td data-sort="Max Müller">M. Müller</td>
            <td data-sort="500">5,00 €</td>
        </tr>
    </tbody>
</table>
table.row.add([
    'J. Wayne', // Here I need a data-sort="John Wayne"
    '6,00 €', // Here I need a data-sort="600"
]).draw();

1 个答案:

答案 0 :(得分:1)

一种方便的方法是使用createdRow回调,该回调会自动使用包含列内容的<td>属性填充所有data-sort值:

$('#example').DataTable({
  createdRow: function( row, data, dataIndex ) {
    data.forEach(function(str, idx) {
      $(row).find('td').eq(idx).attr('data-sort', str)
    })
  }
}) 

它在这里工作 - &gt;的 http://jsfiddle.net/ea5ayzzb/