JQuery DataTables改變行或列的背景或字體顏色


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");//列變色
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM