2

csv ファイルのデータを素敵なテーブルに表示するための最初の html を完成させました。私の問題は、合計行を追加する必要があることです。

  1. csvtotable (私の知る限り) には、最後の行を合計としてタグ付けするオプションはありません。<tfoot>
  2. just-converted-from-csv-html-file には実際には存在しないため、情報を追加できません: 2 行目に合計を追加して としてタグ付けするようなもの<tbody class="tablesorter-no-sort">です。
  3. おそらく別の方法は、1 行だけの 2 番目のテーブルを作成し、メイン テーブルの上部または下部に追加することです。

出力に合計行を追加または特定する方法はありますか? ありがとう、

参考までに、私の簡単なコード：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="../../js/ts/css/theme.default.css">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="../../js/ts/js/jquery.tablesorter.min.js"></script>
<script type="text/javascript" src="../../js/ts/js/jquery.tablesorter.widgets.min.js"></script>
<script type="text/javascript" src="../../js/csv/js/jquery.csvToTable.js"></script>

<script>
$(function() {
   $('#myTable').CSVToTable('fam.txt',
{
startLine: 1,
separator: ";"
}
).bind("loadComplete",function() {
   $(document).find('#myTable').tablesorter({sortList: [[0,0], [1,0]],widgets:
   ["zebra", "stickyHeaders"]});
});;
});
</script>

</head>
<body>

<table id="myTable" class="tablesorter">
</table>

</body>
</html>
4

1 に答える 1

2

テーブルを操作する必要がある場合は、「loadComplete」イベント関数内で操作してください。

これを試して：

$(function() {
  var mytable = $('#myTable')
    .CSVToTable('fam.txt',{
      startLine: 1,
      separator: ";"
    })
    .bind("loadComplete",function(){
      var footer = mytable.find('tr:last');
      // if you try to append a tr wrapped in a tfoot, jQuery will assume you are
      // adding a tr and put it inside the tbody... so target the tfoot (parent)
      mytable
        .find('thead').after( footer.wrap('<tfoot/>').parent() ).end()
        .tablesorter({
          sortList: [[0,0], [1,0]],
          widgets: ["zebra", "stickyHeaders"]
        });
    });
});
于 2013-03-29T20:12:29.283 に答える