数据表和嵌套表

时间:2013-09-24 13:56:58

标签: javascript jquery datatables

我很难理解数据表发生了什么。我创建了一个DataTable,如下所示

var dTable = $('#sessionReport').dataTable({
        "bInfo" : false,
        "bFilter" : false,
        "aaData" : data,
        "bDestroy" : true,
        "fnFooterCallback" : function(nRow, aaData, iStart, iEnd, aiDisplay){
            var totalAttendees = 0;
            var totalTime = 0;
            var avgSatisfaction = 0;
            for(var i=0; i<aaData.length; i++){                 
                avgSatisfaction = avgSatisfaction + ((aaData[i][7]*1)+3*1)/aaData.length; // range is from -2 to + 2; have added 3 to each result to make range of positive numbers only
                totalAttendees = totalAttendees + aaData[i][5]*1;
                startTime = new Date(aaData[i][0]);
                endTime = new Date(aaData[i][1]);
                totalTime = totalTime + (endTime - startTime)/10000;
            }
            //alert(secondsToString(totalTime));
            //$('#tfAttendees').innerHTML = parseInt(totalAttendees);
            var nCells = nRow.getElementsByTagName('th');
            nCells[5].innerHTML = parseInt(totalAttendees);
            nCells[7].innerHTML = parseFloat(avgSatisfaction.toFixed(2));
        }
    });
    return dTable;

我的数据格式如下:

[ 0: "2012-10-24 09:43:03"
    1: "2012-10-24 09:49:47"
    2: "5002028"
    3: "Eamonn"
    4: "Dannys Memories"
    5: "7"
    6: ""
    7: "0" ],
    [O:....],

但是当我想在每个行中添加带有图标的列时,我会遇到问题 http://datatables.net/blog/Drill-down_rows

我尝试过使用aoColumns和aoColumnsdef。但不确定如何。我的问题是表html是由数据构建的。因此,如果数据数组中只有7个项目,那么我的Html表中只有7个列。如何添加第八列。我希望每行的开头都有一个可点击的图标。

我的html看起来像这样......

<table id="sessionReport" class="table table-striped fTable">
                <thead>
                    <tr>
                        <td>Start Session</td>
                        <td>End Session</td>
                        <td>Session Id</td>
                        <td>Facilitator</td>
                        <td>Group Name</td>
                        <td>No. Attendees</td>
                        <td>Assistant</td>
                        <td>Satisfaction</td>
                    </tr>
                </thead>
                <tbody>
                </tbody>
                <tfoot>
                    <tr>
                        <th id="tfStartSession">
                        Total Hours
                        </th>
                        <th id="tfEndSession">
                        </th>
                        <th id="tfSessionId">
                        </th>
                        <th id="tfFacilitator">
                        </th>
                        <th id="tfGroupName">
                        TOTAL ATTENDEES :
                        </th>
                        <th id="tfAttendees">
                        </th>
                        <th id="tfAssistant">
                        AVG SATISFACTION :
                        </th>
                        <th id="tfSatisfaction">
                        </th>                           
                    </tr>
                </tfoot>
            </table>

任何想法。我对DataTables文档感到有些困惑,他们似乎没有提供aoColumns或aoColumnsDef的任何用法示例。

非常感谢

0 个答案:

没有答案