Какая польза от группы столбцов таблицы и группы строк таблицы в CSS

Kakaa Pol Za Ot Gruppy Stolbcov Tablicy I Gruppy Strok Tablicy V Css



Группировка в таблицах позволяет пользователю объединить две или более ячеек вместе, чтобы продемонстрировать одно значение или фрагмент текста, соответствующий нескольким предыдущим записям. Группировка ячеек обеспечивает чистый вид таблицы и делает всю презентацию краткой и доступной для читателя. Технический термин для группировки ячеек в таблице в CSS — «промежуток». Это так, что если одна конкретная строка или столбец охватывает значение больше «1», это считается группой таблиц.

Что такое группа столбцов таблицы?

Группа столбцов таблицы, как следует из названия, представляет собой группу ячеек из нескольких столбцов. Все значения в определенном столбце связаны друг с другом. Таблица-столбец содержит элемент, который включает в себя несколько столбцов. Мы используем « », чтобы сгруппировать столбцы вместе в таблице в CSS. Затем определяется значение диапазона, чтобы отметить, сколько столбцов будет иметь группа.

Пример
В таблице о биоданных сотрудников компании, где записаны «Имя», «Возраст» и «Рост», каждый синий столбец соответствует конкретному сотруднику, что показано на следующем примере:







< стол >
< группа >
< колонка стиль '=' 'цвет фона: розовый' >
< колонка охватывать '=' '3' стиль '=' 'цвет фона: голубой' >
< / группа >
< тр >
< тд > Имя < / тд >
< тд > Майкл < / тд >
< тд > Джеймс < / тд >
< тд > Дэйвид < / тд >
< / тр >
< тр >
< тд > Возраст < / тд >
< тд > 37 < / тд >
< тд > 43 < / тд >
< тд > 29 < / тд >
< / тр >
< тр >
< тд > Высота < / тд >
< тд > 173 см < / тд >
< тд > 184 см < / тд >
< тд > 188 см < / тд >
< / тр >
< / стол >

Следуйте приведенным ниже шагам в соответствии с приведенным выше кодом:



  • Начните с создания таблицы и добавьте ярлык.
  • Использовать охватывать служебный класс и укажите количество столбцов, которые должны быть сгруппированы вместе.
  • Теперь закройте colgroup с помощью ярлык.
  • Также введите указанные данные в строки таблицы, используя и <тд> теги.
  • Закройте таблицу через ярлык.

Выход



«Размах» ячеек в таблице в HTML показывает, сколько столбцов может охватывать одна ячейка. Он предлагает то же использование, что и функция «объединения» ячеек в Microsoft Excel.





Что такое группа строк таблицы?

Группа строк таблицы — это объединение нескольких строк в одну группу. Единственный элемент охватывает несколько строк. Это делается через « <группа строк> ' ярлык.

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



< стол сорт '=' 'мокрая зебра' >
< группа >
< колонка >
< колонка >
< / группа >




< тело >
< тр >
< й колспан '=' '9' >ЕЖЕМЕСЯЧНЫЕ ПРОДАЖИ ( $ ) < / й >
< / тр >
< тр >
< й ряд '=' '4' >май 2023 < / й >
< й >Джеймс< / й >
< тд > 1434 < / тд >
< / тр >
< тр >
< й >Майкл< / й >
< тд > 1700 < / тд >
< / тр >
< тр >
< й >Джон< / й >
< тд > 1299 < / тд >
< / тр >
< / тело >
< тело >
< тр >
< й ряд '=' '4' >июнь 2023 < / й >
< й >Джеймс< / й >
< тд > 1256 < / тд >
< / тр >
< тр >
< й >Майкл< / й >
< тд > 1975 г. < / тд >
< / тр >
< тр >
< й >Джон< / й >
< тд > 1883 г. < / тд >
< / тр >
< / тело >
< / стол >

В вышеуказанном коде:

  • Определите таблицу и добавьте ярлык.
  • Определите группировку столбцов с помощью колспан класс полезности.
  • Аналогичным образом определите группировку строк с помощью ряд класс полезности.
  • Теперь введите данные о продажах всех физических лиц за каждый из двух месяцев.
  • Наконец, закройте таблицу с помощью ярлык.

Выход

Заключение

Отдельные ячейки в таблице можно сгруппировать, если одно значение соответствует нескольким другим записям. Мы также заметили, что таблица может быть сгруппирована либо по столбцам, либо по строкам. Оба они имеют свои собственные функции и могут использоваться везде, где это необходимо.