2016-07-29 26 views
0

私は、テーブルを生成するためのデータソースとして配列のjs配列を使用する際に問題が発生したところで、dataTable.jsを使用しようとしました。私は前に尋ねられた何かがGoogleに試みたが、それらのどれも私に役立たない。 screenshot of arrayjquery dataTable配列のjs配列をデータソースとして使用するdataTable version 1.10

その後、上記を使用して基本的なテーブルを作成:私はやっている

機能は非常にシンプルですが、私はちょうどのような2次元配列は、動的データソースを作成する必要があります。公式に与えられた関数のデモは次のようなものです:

$('#actionTabDataTable').DataTable({ 
    data: dataSet, 
    columns: [ 
     { title: "1" }, 
     { title: "2" }, 
     { title: "3" }, 
     { title: "4." }, 
     { title: "5 date" }, 
     { title: "6" }, 
     { title: "7" }, 
     { title: "8" } 
    ] 
}); 

現在の機能はデータを見つけることなく終了しました。私はここで私の問題をはっきりと作りたいと思っています。

+0

私は実際に私は、テーブルを更新したときに、テーブル内のレコードが消えたことに遭遇した問題の原因となるなどアペンド、先頭に追加、によって

var t = $('#actionTabDataTable').DataTable(); $("#actionsOutcomeBtn").click(function(){ for(i=0;i<dataSet.length;i++) { t.row.add(dataSet[i]).draw(false); } }) 

更新DOM:バージョン1.10のために、私たちのようなものを使用することができます「追加」を使用してAPIのメソッドを使用した後は、すべて問題ありません。 –

答えて

0

私は1.9を使用していますが、これはそのバージョンではうまくいくと思います。しかし、私は物事が変更されていることを確認し、DataTables 1.9が「レガシー」

$('#actionTabDataTable').dataTable({ 
    'aaData': dataSet, 
    'aoColumns': [ 
     { sTitle: "1", sType: "string" }, 
     { sTitle: "2", sType: "string" }, 
     { sTitle: "3", sType: "string" }, 
     { sTitle: "4.", sType: "string" }, 
     { sTitle: "5 date", sType: "string" }, 
     { sTitle: "6", sType: "string" }, 
     { sTitle: "7", sType: "string" }, 
     { sTitle: "8", sType: "string" } 
    ] 
}); 
+0

私はあなたのやり方を試してみたが、私のdatatables jsとcssを1.9に置き換えた。私はまだ同じ結果を得て、テーブルはレコードなしでロードされました。私はそれが私のデータセットの形式かもしれないのだろうか? –

0

とはみなされませんあなたが適切に初期化テーブルを持っているかのようにそれはあなたがヘッダを持つテーブルとのデータなしを見ることができればそれはだ(と思われますページ?)。私はあなたのテーブルが動的に作成されたデータが移入される前に初期化されていると思っています。あなたはすべてのデータを消去して、このようにそれを追加する必要がありますことをソートするために:物事が起こったときは保証していないよう

table.clear().rows.add(dataSet).draw(); 

これはJavaScriptで作るための簡単な間違いです。私は何が起こっていると思うかを示す簡単なJSFiddleを仕上げました。助け

var dataSet = []; 
setTimeout(function(){ 
    dataSet.push([ 
    "19", 
    "+0.5", 
    "-", 
    "+0.4", 
    "-0.6", 
    "-0.6", 
    "+0.7", 
    "+0.8" 
    ]); 
    dataSet.push([ 
    "19", 
    "+0.5", 
    "-", 
    "+0.4", 
    "-0.6", 
    "-0.6", 
    "+0.7", 
    "+0.8" 
    ]); 
    dataSet.push([ 
    "19", 
    "+0.5", 
    "-", 
    "+0.4", 
    "-0.6", 
    "-0.6", 
    "+0.7", 
    "+0.8" 
    ]); 
    table.clear().rows.add(dataSet).draw(); 
}, 500); 

var table = $('#actionTabDataTable').DataTable({ 
    "data": dataSet, 
    "columns": [ 
     { "title": "1" }, 
     { "title": "2" }, 
     { "title": "3" }, 
     { "title": "4." }, 
     { "title": "5 date" }, 
     { "title": "6" }, 
     { "title": "7" }, 
     { "title": "8" } 
    ] 
}); 

希望を:

は、しかし、基本的にそれぞれの時間は、あなたは、データがテーブルをクリアして、新しい行を追加し、は再びそれを描画することを忘れないでください更新する必要があります。

0

テーブルのレコードを更新する適切な方法は、API関数を使用することです。私が推測するdataTableのバージョンによって異なります。問題

関連する問題