Question

我在html页面中使用带有jQuery的Datatables（https://datatables.net）。我是Datatable api以及JQuery的新手。代码的相关部分如下：

//Some Code...
<table class="table table-striped table-bordered table-hover"
                                                    id="dataTables-companyGroupFilter">
    <thead>
        <th></th>
        <th></th>
        <th></th>
        <th></th>
        <th></th>
    </thead>
    <tbody id="companyGroupFilterDetails">
</tbody>
</table>

JavaScript的：

//Some Code...
var dataTableGroupCompany = $('#dataTables-companyGroupFilter').DataTable({
     'sDom' : 'tp',
     "bDeferRender": true,
     "aoColumns": [
                   {"sClass": "col1" },
                   {"sClass": "col2" },
                   null,
                   null,
                 ],
     "iDisplayLength" : 20}).rowGrouping({
        bExpandableGrouping:true, iGroupingColumnIndex:3, 
        fnGroupLabelFormat:function(label){
            if(mapCompany[label]!=null) return label+" ("+mapCompany[label]+")"; else return label; }});
//Some Code...
dataTableGroupCompany.fnAddData(
                                        ["<img src='"+pic+"' style='height: 80px;' class='person-link' person-uri='"+value["uri"]+"'>",
                                         "&nbsp; <br><i class='" + employmentCssClass + "' style='padding-top: 5px;'></i><br><i class='" + placeCssClass + "' style='padding-top: 5px;'></i> <br><i class='" + organisationCssClass + "' style='padding-top: 3px;'></i>",
                                         "<b><a class='person-link' person-uri='"+value["uri"]+"'>"+name+"</a></b> <br>"+desig+"<br>"+place+"<br>"+organisation, organisation,mapCompany[organisation]],false);

最后一列mapCompany[organization]只是整数。

我想做的是迭代每一行并使用第三列的数据替换第四列作为Hashmap中的键，即mapCompany [organization]，其中组织可以是第三列中的键。

Answer 1

绘制表格时创建的每一行的回调：

"fnCreatedRow" : function(nRow, aData, iDataIndex) {
    $('td:last-child', nRow).text(100);
}

查看我刚创建的小提琴：http://jsfiddle.net/yrn2nfj3/

如何在Datatable中编辑

1 个答案: