У меня действительно красивый стиль для моих таблиц.
{извините ссылки больше не работают}
Мне пришлось добавить sClass, чтобы новые строки (добавленные fnAddData) получили нужные классы.
К сожалению, это разрушает мой макет, потому что эти классы также добавляются в мои ячейки заголовка таблицы.
{извините ссылки больше не работают}
Как настроить sClass для применения только к ячейкам TBODY?
Чтобы уточнить:
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
Таким образом, когда я вызываю
rolesTable.fnAddData( {
"id": 10,
"name": "testname",
"module": "testmodule",
"description": "testdescription"
} );
то добавленная строка выглядит следующим образом:
<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>
И это отлично ОК
** проблема в том, что этот параметр также добавляет эти классы в:
<thead>
<tr> (...) </tr>
</thead>
таблицы head cell... которые я не хочу