jQuery datatable初期化前に追加する

Question

<table cellpadding="0" cellspacing="0" border="1" class="display" id="FormsData" style="margin-bottom:5px;"> 
    <thead> 
     <tr id="thFormsData"> 

     </tr> 
     <tr> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td class="dataTables_empty"> 
       Loading data ... 
      </td> 
     </tr> 
    </tbody>   
</table> 

上記はjQueryデータテーブルのテーブル構造です。私はそれを埋めるために以下のコードを使用しています。

$(document).ready(function() { 
    $('#FormsData').dataTable({ 
     "sDom": 'T<"clear">lfrtip', 
     "bProcessing": true, 
     "bServerSide": true, 
     "sAjaxSource": "GetJsonData.aspx?FormKey=" + getQuerystring("FormKey", "") + "&FormData=Get" 
)} 
)} 

今の問題は、このように私はjQueryのdatableが列として使用しているテーブル構造に番目を定義する必要があることです。しかし私の場合は、thをテーブルに動的に追加して初期化します。

私はGetJsonData.aspxファイルから取得したjsonデータに基づいて追加します。その定義は"sAjaxSource"： "GetJsonData.aspx ..."

Answer 1

ロードの良い例では、Webサービスから返されたデータと静的データを交換するだけで済みJS配列ここhttp://www.datatables.net/examples/data_sources/js_array.html

から動的にあります。

var url = "GetJsonData.aspx?FormKey=" + getQuerystring("FormKey", "") + "&FormData=Get"; 

$.getJSON(url, function(data) { 
    //test response and manipulate structure if necissary 

    $('#example').dataTable({ 
     "aaData":data, 
     "aoColumns": [ 
      { "sTitle": "Engine" }, 
      { "sTitle": "Browser" } // etc... 
     ] 
    }); 
}); 

aoColumnsはまた、あなたが動的に列をレンダリングすることができます。

Answer 2

fnHeaderCallback関数がありますか？

This function is called on every 'draw' event, and allows you to dynamically modify the header row. 
This can be used to calculate and display useful information about the table. 

"fnHeaderCallback": function(nHead, aasData, iStart, iEnd, aiDisplay) 

EDIT：

だからあなたの問題は、あなたが初期化する前に、AJAXを経由して取得しますが、それを行うデータに応じて、目を作成したいということでしょうか？その後、あなたはそのコードのように初期化のデータを取得することはできません。私はuser827431答えを使用することをお勧めします。