Таблицы

Классы для стилизации

Класс Описание Пример
.table--border Таблица с добавлением границ. Пример
.table--hover Подсвечивает строку серым фоном при наведени. Пример
.table--zebra Дополняет каждую вторую строку в таблице серым фоном (Зебра). Пример
.table--small Делает таблицу компактнее, уменьшая отстуты внутри ячейки. Пример
.table--big Делает таблицу шире, увеличивая отстуты внутри ячейки. Пример

Таблицы будут адаптивными (будет появляться горизонтальный скрол), если подключен файлик default.js, и таблицам задана фиксированная либо минимальная ширина.

Примеры

Таблица по умолчанию

# Должность Ф.И.О. Год рождния
1 web-мастер Матвеев Иван Александрович 19.08.1990
2 web-мастер Матвеев Иван Александрович 19.08.1990
3 web-мастер Матвеев Иван Александрович 19.08.1990
4 web-мастер Матвеев Иван Александрович 19.08.1990
5 web-мастер Матвеев Иван Александрович 19.08.1990

Таблица с добавлением границ

# Должность Ф.И.О. Год рождния
1 web-мастер Матвеев Иван Александрович 19.08.1990
2 web-мастер Матвеев Иван Александрович 19.08.1990
3 web-мастер Матвеев Иван Александрович 19.08.1990
4 web-мастер Матвеев Иван Александрович 19.08.1990
5 web-мастер Матвеев Иван Александрович 19.08.1990

Подсвечивает строку серым фоном при наведени

# Должность Ф.И.О. Год рождния
1 web-мастер Матвеев Иван Александрович 19.08.1990
2 web-мастер Матвеев Иван Александрович 19.08.1990
3 web-мастер Матвеев Иван Александрович 19.08.1990
4 web-мастер Матвеев Иван Александрович 19.08.1990
5 web-мастер Матвеев Иван Александрович 19.08.1990

Дополняет каждую вторую строку в таблице серым фоном (Зебра)

# Должность Ф.И.О. Год рождния
1 web-мастер Матвеев Иван Александрович 19.08.1990
2 web-мастер Матвеев Иван Александрович 19.08.1990
3 web-мастер Матвеев Иван Александрович 19.08.1990
4 web-мастер Матвеев Иван Александрович 19.08.1990
5 web-мастер Матвеев Иван Александрович 19.08.1990

Таблица с узкими ячейками

# Должность Ф.И.О. Год рождния
1 web-мастер Матвеев Иван Александрович 19.08.1990
2 web-мастер Матвеев Иван Александрович 19.08.1990
3 web-мастер Матвеев Иван Александрович 19.08.1990
4 web-мастер Матвеев Иван Александрович 19.08.1990
5 web-мастер Матвеев Иван Александрович 19.08.1990

Таблица с широкими ячейками

# Должность Ф.И.О. Год рождния
1 web-мастер Матвеев Иван Александрович 19.08.1990
2 web-мастер Матвеев Иван Александрович 19.08.1990
3 web-мастер Матвеев Иван Александрович 19.08.1990
4 web-мастер Матвеев Иван Александрович 19.08.1990
5 web-мастер Матвеев Иван Александрович 19.08.1990