用于Ajax表的DataTables jQuery插件nowrap

最好是通过造型来实现这一点。

"aoColumns": [                              
    { "sClass": "my_class"},

在样式表中

    .my_class {
   white-space:nowrap;
 }

虽然添加一个类并为此创建一个CSS条目肯定会起作用,但看起来就像用锤子敲入一个螺丝钉。

数据表已经提供了一种简单的方法。

在数据表声明中,添加:

"fnRowCallback": function( nRow ) {
    if(nRow.cells[2]) nRow.cells[2].noWrap = true;  // column index starts with 0 and we check if cells[2] is null to be ultra safe
    return nRow;
},

希望这有帮助

如果任何人对该解决方案感兴趣,可以在完成数据表的呈现后使用fninitComplete循环表,如下所示:

$('#results').dataTable({
    "fnInitComplete": function() {
        $('#results tbody tr').each(function(){
                $(this).find('td:eq(0)').attr('nowrap', 'nowrap');
        });
    },
    "sAjaxSource": 'ajax/purchasers.php'
});