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代码是

<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>

在上面的html中,您可以看到第一列是居中对齐的,接下来的两列是左对齐的,最后一列是右对齐的.但在数据输出中,所有都是中心对齐的.我试着使用以下内容

{ "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):

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

            } );

然后定义正确的CSS类

.right{
  align: right;
}

.left{
  align: left;
}

.center{
  align: center;
}

通过这种方式,数据表处理将类附加到元素,并且排序正常工作.当然使用第一个JSON