2016-12-27 3 views
-1

私はdatatablesプラグインを使用しており、テーブルをajaxで補充する必要があります。なぜ[object object]がjsonの結果ですか?

は、だから私は、コード・ショーのような(JSON形式)アヤックスファイルから返されたデータを持つテーブルの列を埋める

$.get(select.data('url'), {article_category:select.val()}, function (data) { 
     if (data.error) { 
      alert(data.error); 
     }else{ 
      var result = data.articles; 
      table = $('#datatable').DataTable({ 
      destroy: true, 
      data: result, 
      columns: [ 
       { data: 'id' }, 
       { data: 'article_code' }, 
       { data: 'article_name' }, 
       { 
        data: 'article_amount', 
        className: {data: 'back'} 
       }, 
       { data: 'return_amount' }, 
       { data: 'article_price_ht' }, 
       { data: 'article_price_ttc' }, 
       { } 
      ] 
     }); 
    } 
},'json'); 

私の問題は、私がデバッグを実行wheneクラス名を除いたデータで埋めテーブルクロムのモード私はこれを持っています

<td class=" [object Object]">500</td> 

私はどのようにclassNameのコードを書くべきですか?

EDIT: これは私のJSONがどのように見えるかです:

enter image description here

enter image description here

+0

を次のようにオブジェクトの内側に、ので、あなたのコードはする必要があります? – DavidG

+1

ドキュメントを読む... 'className'は文字列を返す必要があります。何をしようとしていますか? – charlietfl

+0

ああ、特定の行にクラスを追加したいのですか?私はセルの面で回答しました – coderredoc

答えて

1

さてあなたは、テーブルの人口の後に、後にクラスを追加することができます。

$('#example').dataTable({ 
    "columnDefs": [ 
    { className: "my_class", "targets": [ 0 ] } 
    ] 
}); 

列番号0または1列目にクラスmy_classを追加しています。

$('#example').dataTable({ 
     "columnDefs": [ 
     { className: "my_class", "targets": [ 0 ] }, 
     { className: "my_class_1", "targets": [ 1 ] } //2nd column 
     ] 
    }); 

そして、テーブルを作成するためにjsonデータをリンクする必要があります。データは配列形式の配列でなければならないことを忘れないでください。以下のような

、(datasourcesへのリンク)

{data: 
    [ 
     [a,b,c], 
     [d,e,f] 
    ] 
    } 
+0

なぜdownvoteですか?それは働くでしょう.. – coderredoc

+0

私は2つのクラスを持って、私はどちらが使用されているか分からない私は最初にいくつかのクラスがそこにあるべきであることを決定するために必要がある、これはなぜ私はj​​sonと 'バック'プロパティを渡す – IBMdig

+0

@ IBMdig .:処理後に追加することもできます...同じです。 – coderredoc

0

クラス名を文字列として直接定義されるべきではない、あなたのJSONは次のようになりんは何

columns: [ 
      .... 
      { 
       data: 'article_amount', 
       className: 'back', 
      }, 
      .... 
     ] 
関連する問題