Question

我想使用数据数据表添加行，我可以这样做

var table = $('#mytable').DataTable();
table.add.row(['first column', 'second column', 'three column', 'etc']);

我需要的是这样的东西（TR和TD标签中的一些属性）

<tr id="someID">
<td>first column</td>
<td>second column</td>
<td>three column</td>
<td id="otherID">etc</td>
</tr>

我如何使用数据表进行操作？

Answer 1

使用createdRow和columns.createdCell选项定义将在创建TR和TD元素时调用的回调函数。

$('#example').dataTable( {
  'createdRow': function( row, data, dataIndex ) {
      $(row).attr('id', 'someID');
  },
  'columnDefs': [
     {
        'targets': 3,
        'createdCell':  function (td, cellData, rowData, row, col) {
           $(td).attr('id', 'otherID'); 
        }
     }
  ]
});

请参阅this example以获取代码和演示。

Answer 2

"fnRowCallback": function (nRow, aData) {
    var $nRow = $(nRow);
    $title = `Detalles de la Orden No. ${aData['noOrden']}`;
    $nRow.attr("title", $title);

    return nRow;
  },

如何在TR和TD中添加属性？

2 个答案: