Question

我正在使用mRender在tbody的第一列添加复选框...正在应用正确的css样式，但是当我查看表时它们没有样式化。我只能假设这是因为我使用mRender来添加这些值，但是，如果我做其他css，如更改文本的颜色，它工作正常。我对thead中的复选框进行了正确设置没有任何问题，但默认包含在html中。想法？

html：

<table class="table table-striped table-bordered table-hover" id="sample_1">
<thead>
    <tr>
        <th><input type="checkbox" class="group-checkable" data-set="#sample_1 .checkboxes" /></th>
        <th>Username</th>
        <th>Password</th>
        <th>Email</th>
    </tr>
</thead>
<tbody>
    <tr class="odd gradeX">
        <td>Data 1</td>
        <td>Data 2</td>
        <td>Data 3</td>
        <td>Data 4</td>
    </tr>
</tbody>
</table>

js：

$('#sample_1').dataTable({
//start my code
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": "/assets/data-tables/test-normal.php",
//end my code
"aLengthMenu": [
    [5, 15, 20, -1],
    [5, 15, 20, "All"] // change per page values here
],
"aoColumnDefs": [ {
    "aTargets": [ 0 ],
    "bSortable": false,
    "mRender": function ( data, type, full ) {
        return '<input type="checkbox" class="checkboxes" value="'+data+'" />';
    }
} ],
// set the initial value
"iDisplayLength": 5,
"sPaginationType": "bootstrap",
"oLanguage": {
    "sLengthMenu": "_MENU_ records",
    "oPaginate": {
        "sPrevious": "Prev",
        "sNext": "Next"
    }
},
});

Answer 1

不得不使用：

"fnInitComplete": function() {
    $(".checkboxes").uniform();
}

Answer 2

你错过了mData部分

在aoColumns中，而不是aoColumnDefs，请使用以下

{ "mData": null , // can use null, the numeric array number, or assoc array string
     "mRender" : function ( data, type, full ) { 
        return '<input type="checkbox" class="checkboxes" value="'+data+'" />'}
      },

使用带有数据表和css的mRender是不是在处理？

2 个答案: