1

私はこのように構造化されたこのテーブルを持っています:

HTML 部分:

<table id="table_div" class="table table-striped table-condensed"><tbody></tbody></table>

JS 部分:

var data = json_response['data'];

$("#table_div").html('<thead><tr><td>TIMESTAMP</td><td>VALUE</td></tr></thead>');

$.each(data, function(index, value) {
$('#table_div > tbody:last').append('<tr><td>' + value + '<td></tr>'); 
});

このコードは、Twitter ブートストラップのスタイルでテーブルを生成します。ここで、テーブルが上下にスライドするか、より多くのページから形成されるようにしたいと考えています。

twitter ブートストラップのアコーディオンツールをそのように使用できるかどうかはわかりません。または他のスクリプト。手伝って頂けますか？

編集

データ変数の型は次のとおりです。

var data = [[1348754599, 0.0], [1348754639, 0.0], [1348754680, 0.0], [1348754721, 0.0], [1348754761, 0.0], [1348754802, 0.0], [1348754842, 0.0], [1348754883, 0.0], [1348754924, 0.0], [1348754964, 0.0], [1348755005, 0.0], [1348755045, 0.0], [1348755086, 0.0], [1348755126, 0.0], [1348755167, 0.0], [1348755208, 0.0]];
4

1 に答える 1

0

必要なものを明確にするために、このためのフィドルを設定できますか？

更新：元のフィドルにいくつかの修正を加える必要があり、この例ではtablesorterjQueryプラグインを使用しています。これを機能させるために改訂されたHTMLは次のとおりです。

<div class="container">
    <table class="table table-striped table-bordered table-condensed"></table>
</div>

および改訂されたJavaScript：

var data = [
    [1348754599, 0.0],
    [1348754639, 0.0],
    [1348754680, 0.0],
    [1348754721, 0.0],
    [1348754761, 0.0],
    [1348754802, 0.0],
    [1348754842, 0.0],
    [1348754883, 0.0],
    [1348754924, 0.0],
    [1348754964, 0.0],
    [1348755005, 0.0],
    [1348755045, 0.0],
    [1348755086, 0.0],
    [1348755126, 0.0],
    [1348755167, 0.0],
    [1348755208, 0.0]
];

$('table').html('<thead><tr><th>TIMESTAMP</th><th>VALUE</th></tr></thead><tbody></tbody>');

$.each(data, function (index, value) {
    $('table > tbody').append('<tr><td>' + index + '</td><td>' + value + '</td></tr>');
});

$(function () {
    $('table').tablesorter();
});

これが実際の例のフィドルです：http：//jsfiddle.net/jkvr8/41/

于 2012-10-12T05:25:26.340 に答える