JQuery DataTables改變行或列的背景或字體顏色
var table;
table = $('#example').DataTable({
dom: 'Bfrtip',
scrollY: true,
scrollX: true,
scrollCollapse: true,
colReorder: true,
select: true,
stateSave: true,
//info: false,//關閉左下角關於行數和選中的提示
//filter: false,//關閉搜索
//paging: false,//關閉分頁
pagingType: "full_numbers",
columns: [
{ title: "Name", data: "Name", className: "center" },
{ title: "Position", data: "Position" },
{ title: "Office", data: "Office" },
{ title: "Age", data: "Age" },
{ title: "Salary", data: "Salary", className: "canEditor" },
{ title: "操作", data: null, defaultContent: "<button type='button'>編輯</button>" }
],
rowCallback: RowCallBack,
language: {
url: dtsLanguage
}
});
function RowCallBack(row, data, index) {
if (data.Name.indexOf('Tiger') >= 0) { $(row).css('background-color', '#FFB6C1'); }//行變色
$('td', row).eq(5).css('font-weight', "bold").css("color", "red");//列變色
}