Mot*_*eCL 0 javascript datatables
我如何在此渲染器中添加一个类,询问是否启用或禁用了Office,如果此禁用应添加此类table-active。我在寻找类似的问题,但是没有一个起作用。
var table = $('#tbl_1').DataTable({
"order": [
[1, "asc"]
],
"destroy": true,
"ajax": {
"method": "POST",
"url": "JSON/Office.php"
},
"iDisplayLength": 15,
"columns": [ {
"data": "Office",
"width": "20%"
}, {
"data": "Status",
"searchable": false,
"sortable": false,
"aling": "center",
"render": function(data, type, row) {
var Status = row["Status"];
if (Status == 'FALSE') {
return '<button class="btn btn-sm btn-success active" onclick="enable_item(this)"title="Active">Active</button>';
} else {
return '<button class="btn btn-sm btn-danger disable" onclick="disable_item(this)" title="Disable"> Disable</button>';
}
}
}],
"dom": '<"dt-buttons"Bf><"clear">lirtp',
"paging": true,
"autoWidth": true,
buttons: [{
extend: 'excel',
text: 'Excel'
}]
});
Run Code Online (Sandbox Code Playgroud)
我发现的答案之一是这个,$(row).addClass("table-active");但仍然没有用:(。我希望我能向大家解释好问候
如果我理解您的正确,并且想向该<tr>元素添加一个类,则可以使用createdRow钩子-https: //datatables.net/reference/option/createdRow。
$('#tbl_1').dataTable({
"createdRow": function( row, data, dataIndex ) {
if ( data["Status"] == false ) {
$(row).addClass( 'table-active' );
}
}
});
Run Code Online (Sandbox Code Playgroud)