0

データ テーブルで何が起こっているのか理解するのに本当に苦労しています。次のように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 列しかありません。8 番目の列を追加するにはどうすればよいですか。各行の先頭にクリック可能なアイコンが必要です。

そして、私の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 の使用例を提供していないようです。

どうもありがとう

4

0 に答える 0