Шаг 115.
Библиотека jQuery. Работа с таблицами. Сортировка и разбивка на страницы. Сортировка с помощью JavaScript. Теги группировки строк

    На этом шаге мы рассмотрим преимущества использования тегов <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. Выделение строк таблицы цветом

Полный текст этого примера можно взять здесь.

    С помощью тегов группировки строк мы легко сможем собирать строки с данными и выполнять операции над ними, не оказывая влияния на заголовок.

    На следующем шаге мы рассмотрим простую сортировку.




Предыдущий шаг Содержание Следующий шаг