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ę