DataTables JQuery Plugin Nowrap für die Ajax -Tabelle

Question

Kann mir jemand ein Beispiel dafür geben, wie man einer Spalte nowrap = "nowrap" hinzufügt, wenn alle Informationen für eine Ajax -Tabelle im laufenden Fliegen generiert werden?

$('#results').dataTable({
    "fnRowCallback": function( nRow, aData, iDisplayIndex ) {
        $(nRow).attr('id', aData[0]);
        return nRow;
    },
    "bAutoWidth": false,
    "sPaginationType": "full_numbers",  
    "bProcessing": true,
    "sAjaxSource": 'ajax/purchasers.php',
    "aaSorting": [[1,'asc']],                   
    "aoColumns": [                              
        { "bVisible": false },                      
        null,                                   
        null,
        null,
        null,
        null,
        null,
        null
    ]
});

Ich weiß, dass dies ein langer Schuss sein könnte. Danke im Voraus.

Answer 1

Falls jemand an der Lösung interessiert ist, können Sie FninItComplete verwenden, um die Tabelle zu schleifen, nachdem DataTables erledigt ist, um sie wie so zu rendern:

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

Answer 2

Es ist besser, dies stattdessen durch Styling zu erreichen.

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

im Stylesheet

    .my_class {
   white-space:nowrap;
 }

Answer 3

Während es sicherlich funktioniert, eine Klasse hinzuzufügen und einen CSS -Eintrag dafür zu erstellen, scheint es, als würde es einen Hammer verwenden, um in eine Schraube zu schlagen.

DataTables bietet bereits eine einfache Möglichkeit, dies zu tun.

In Ihrer Datentatelerklärung fügen Sie hinzu:

"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;
},

Hoffe das hilft