Tabele danych: jak ustawić klasy do tabeli komórek wiersza (ale nie do tabeli komórek nagłówka!)

mam naprawdę fajny styl dla moich stołów.

{przepraszam linki już nie działają}

Musiałem dodać sClass, aby nowe wiersze (dodane przez fnAddData) otrzymały odpowiednie klasy.

Niestety, to psuje mój układ, ponieważ te klasy są również dodawane do moich komórek nagłówka tabeli!

{przepraszam linki już nie działają}

Jak mogę skonfigurować sClass, aby stosować tylko dla komórek TBODY?

W celu wyjaśnienia:

  var rolesTable = $('#roles').dataTable({
      "aoColumns": [
        { "mDataProp": "id", "sClass": "avo-lime-h avo-heading-white" },
        { "mDataProp": "name", "sClass": "avo-light" },
        { "mDataProp": "module", "sClass": "avo-light" },
        { "mDataProp": "description", "sClass": "avo-light" },
        { "mDataProp": null, "bSearchable": false, "bSortable": false, 
          "sDefaultContent": '<button type="button" name="add" class="btn"><i class="icon-plus icon-white"></i></button>' }, 
      ],
  }); // end od dataTable

W ten sposób dzwonię

rolesTable.fnAddData( { 
    "id": 10, 
    "name": "testname", 
    "module": "testmodule", 
    "description": "testdescription" 
} );

następnie dodany wiersz wygląda tak:

<tr>
    <td class="avo-lime-h avo-heading-white">10</td>
    <td class="avo-light">testname</td>
    <td class="avo-light">testmodule</td>
    <td class="avo-light">testdescription</td>
    <td></td>
</tr>

I to jest doskonaledobrze

** problemem jest **, że to ustawienie dodaje również te klasy do:

<thead>
    <tr> (...) </tr>
</thead>

komórki głowy stołu ... których nie chcę

questionAnswers(4)

yourAnswerToTheQuestion