DataTables несколько стилей на нескольких таблиц в одной странице

Question

Я новичок в DataTables и нужно, чтобы получить mutliple DataTables, работающие в одной и той же странице я нашел онлайн JSBIN из нескольких таблиц, так что я могу играть с моделированием ..

Вот разветвленная JSBIN демо http://jsbin.com/qawota/1/edit

Я пытаюсь применить несколько стилей к разным заголовкам таблиц. Например, в самой внутренней таблице я хотел бы изменить заголовки, чтобы иметь цветные фоны и т. Д., Что-нибудь, чтобы заставить его выглядеть разным, поэтому он не смущает людей, использующих таблицу.

Я дал внутренней таблице идентификатор примера1 и класс innerDataTable, но в css, пишущем что-то вроде .innerDataTable или пытающийся выбрать с идентификатором, не имеет никакого эффекта.

Благодаря

Answer 1

Вы могли бы использовать Jquery .css() изменить CSS стиль страницы.

Я обновил ваш пример, добавив кнопку, которая onClick изменения заголовок фона.

Html:

<a id="change_style" onClick="change_style();">Change style</a> 

Js:

function change_style() { 
    $('#example tr[role="row"]').css('background','red'); 
} 

JSBin: http://jsbin.com/forenisedevu/1/edit