如何将自定义类名添加到Jquery DataTable生成的行

时间:2017-08-21 17:35:45

标签: jquery datatables

这是从数据库中读取值并在Jquery DataTable中显示它们的代码。

此代码生成自动行,我想添加一些自定义类,任何人都可以告诉我如何做到这一点

我检查了“它添加的代码”

db.users.aggregate( [ { $group : { name : "$name" } } ] );

1 个答案:

答案 0 :(得分:1)

DEMO

var dataSet = [['Dadar', 'lmsSenitaD', 'Atul salaskar', '9876543210', '', 'Not Joined', '10/01/2014', '', 'Come back and Join', 'Mobile', 'Times','1'],
    ['Aundh', 'Rashmi', 'Preeti Gupta', '9876543210', '', 'Not Joined', '10/01/2014', '', 'Will Discuss with Family', 'Online Campaign', 'Iksula','2'],
    ['Do@Home_Thane', 'Rashmi', 'Mitali Gupta', '9876543210', '', 'Joined - Old Date', '10/01/2014', '20/08/2014', 'Come back and Join', 'Online Campaign', 'Iksula','4']];

    $(document).ready(function () {
        $('#demo').html('<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"></table>');

        $('#example').dataTable({
            "data": dataSet,                
            "columns": [
                            { "title": "Center" },
                            { "title": "Call Executive" },
                            { "title": "Name" },
                            { "title": "Mobile" },
                            { "title": "Phone" },
                            { "title": "Status" },
                            { "title": "Appt Date" },
                            { "title": "Joined Date" },
                            { "title": "Remark" },
                            { "title": "Source" },
                            { "title": "Publisher" },
                            { "title": "css" },
                          ]
                          ,
            "fnRowCallback": function (nRow, aData, iDisplayIndex) {
                var css = aData[aData.length - 1];
                if (css == "1") {
                    $(nRow).addClass('gradeN');
                }
                else if(css == "2") {
                    $(nRow).addClass('gradeC');
                }
                else{
                    $(nRow).addClass('gradeM');
                }

            }