2

我的数据表从服务器端获取以填充表。

我想在上面插入自定义字段，例如复选框和按钮，就像这个屏幕截图： 数据表

谢谢

4

2 回答 2

4

我的建议是使用fnCreatedRow回调。使用此回调时，仅在呈现行时调用它，并且不会影响与 datatables.net 关联的表中的数据。使用服务器端数据时，请确保使用的数组具有列的值（即使是空白字符串“”也可以）。否则你会得到一个数据表错误，说它找不到它试图呈现的列的数据。

var oTable = $('#example').dataTable( {
   "fnCreatedRow": function( nRow, aData, iDataIndex ) {
     // nRow - this is the HTML element of the row
     // aData - array of the data in the columns. Get column 4 data: aData[3]
     // iDataIndex - row index in the table
     // Append to the first column
     $('td:eq(0)', nRow).html("<input type='check' value=''></input>");
     // Append the input to the 4th column
     $('td:eq(3)', nRow).html("<input type='button' value='Edit'></input>");
     // Append to 5th column
     $('td:eq(4)', nRow).html("<input type='button' value='Delete'></input>");
   }
 } );
于 2013-05-17T14:51:27.117 回答
0

您是否尝试过将 html 代码从您的服务器发送到 aaData 数组中的 Datatables（而只是值？）

示例：而不是发送字符串“hello world”发送类似

"<input type='button' value='Hello world'></input>"

那对我有用

于 2013-05-17T06:53:51.103 回答