my datatables fetch from server side for filling table.
i want to insert custom field such as checkbox and buttons on that, like this screen shot:
thanks
Add a comment
|
2 Answers
My suggestion would be to use fnCreatedRow callback. When using this call back it is only called when the row is rendered, and does not effect the data in the table that is associated with datatables.net. When using server side data, make sure the array used has a value (even a blank string "" will work) for the column. Otherwise you will get a datatables error saying it cannot find data for the column it is trying to render.
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>");
}
} );
Comments
Have you tried to send html code from your server to Datatables in the aaData array (Instead just the value ? )
Example: Instead sending the string "hello world" send something like
"<input type='button' value='Hello world'></input>"
Thats working for me
5 Comments
Xavi
Json from server, im using php also, you cant edit the Array you send to datatables on php just before sending it ?
Xavi
My system use php to get the information from a postgresql database, edits it( formating etc..) and then encodes it to json and send it