На этом шаге мы рассмотрим преимущества использования тегов <thead> и <tbody>.
Обратите внимание, что для разделения данных на группы строк мы применяли теги <thead> и <tbody>. Многие авторы разметки HTML опускают эти подразумеваемые теги, хотя они могут дать нам возможность использовать более удобные селекторы CSS. Например, предположим, что в данной таблице нам потребовалось выделить цветом чередующиеся четные/нечетные строки, причем только в теле таблицы:
$(document). ready(function() {
$('table.sortable tbody tr:odd').addClass('odd');
$('table.sortable tbody tr:even').addClass('even');
});
Такой код приведет к выделению цветом строк таблицы, но оставит нетронутым заголовок, как показано на рисунке 1.
Рис.1. Выделение строк таблицы цветом
С помощью тегов группировки строк мы легко сможем собирать строки с данными и выполнять операции над ними, не оказывая влияния на заголовок.
На следующем шаге мы рассмотрим простую сортировку.
