Jquery Datatables Ajaxメソッドのセル配置

Question

データテーブルを使用してデータベーステーブルの値を表示しています。私はこれをajaxメソッドを使ってやっています。ここでは、コード

$('#example1').dataTable({ 
       "bProcessing": true, 
       "sAjaxSource": "filename.php", 
       "bJQueryUI": true, 
       "sPaginationType": "full_numbers" 

      }); 

filename.phpの出力は

{ "aaData": [["1","<input type='checkbox' name='user'>&nbsp;Test Name","Leader","35"]] } 

あるHTMLコードは、上記のHTMLで

<table cellpadding="0" cellspacing="0" border="0" class="display tablehead" id="example1"> 
       <thead> 
        <tr class="colhead newbg"> 
        <th width="17" align="center">No</th> 
        <th width="194" align="left">User</th> 
        <th width="56" align="left">Role</th> 
        <th width="31" align="right">AGE</th> 
        </tr> 
        </thead> 
        <tbody> 

        </tbody> 
       </table> 

であるあなたが最初の列を見ることができるが、中心位置合わせされています次の2つの列は左揃えになり、最後の列は右揃えになります。しかし、データを出してみると、すべてが中央に位置しています。私は

{ "aaData": [["<div align='center'>1</div>","<div align='left'><input type='checkbox' name='user'>&nbsp;Test Name</div>","<div align='center'>Leader</div>","<div align='right'>35</div>"]] } 

は、今私が正しい表示を得たが、年齢によってソートしながら、それは正しくない、次を使用しようとしました。助けてください。ありがとう

Answer 1

は、私はあなたのような何か（使用aoColumnsを）やるべきだと思います並べ替えが正しく機能します。もちろん最初のJSONを使用してください

Answer 2

テーブル本体にDIV要素を追加することはできません！ 新しいTR要素を作成して、すべてのDIVをTDに変更してからTR要素のantに追加し、TR要素をTABLEの本文に追加する必要があります。

UPDATE DIV要素には属性の整列がありません。このためにはCSSを使用する必要があります。

$('#example1').dataTable({ 
       "bProcessing": true, 
       "sAjaxSource": "filename.php", 
       "bJQueryUI": true, 
       "sPaginationType": "full_numbers", 
      "aoColumns": [ 
         {"sClass": "center"}, 
         {"sClass": "left"}, 
         {"sClass": "left"}, 
         {"sClass": "right"}, 

      }); 

そして要素とにクラスを追加するハンドル正しいCSSクラスをこのようにDataTableのに

.right{ 
    align: right; 
} 

.left{ 
    align: left; 
} 

.center{ 
    align: center; 
} 

を定義します。

Answer 3

私は正しい表示を得ましたが、年齢順に並べると間違っています。助けてください。ありがとう

この列にHMTLがあるので、DataTablesはそれを自動的にタイプ '文字列'として検出し、それに応じてソートします。数値データをソートしてHTMLデータを取り除きたい場合は、このプラグインを使用してください：http://datatables.net/plug-ins/sorting#numbers_html