在jquery数据表上插入自定义字段

时间:2013-05-17 06:42:07

标签: jquery jquery-datatables

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

我想插入自定义字段,例如复选框和按钮,就像这个屏幕截图: Datatables

谢谢

2 个答案:

答案 0 :(得分: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>");
   }
 } );

答案 1 :(得分:0)

您是否曾尝试将html代码从服务器发送到aaData数组中的Datatables(而不只是值?)

实施例: 而是发送字符串“hello world”发送类似

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

那是为我工作