Skip to content
Permalink
Branch: master
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
53 lines (43 sloc) 2.63 KB

pt-table

Паттерн для создания простых плоских таблиц. Набор модификаторов покрывает максимальное количество как стилистических так и структурных потребностей. Также есть возможность маркеровать строки по статусу.

{
	block: 'pt-table',
	content: [
	{
		elem: 'row',
		content: [
		{
			elem: 'col'
		},
		{
			elem: 'col'
		},
		{
			elem: 'col'
		}]
	}]
}
Модификаторы Значение Описание
border all Обводка всей таблицы
stripe even / odd Зебрирование строк
view default Фон таблицы
space-a xs / s / m / l Внутренние отступы в ячейках по всем сторонам
space-h xs / s / m / l Внутренние отступы в ячейках по горизонтали
space-v xs / s / m / l Внутренние отступы в ячейках по вертикали

Элемент row

Строки могут отделяться друг от друга полосой или отступом, если не задан модификатор border. Пример

Модификаторы элемента row Значение Описание
border bottom / top Обводка
status default / success / warning / alert Статус строки
view head Тип строки

Элемент col

Элемент, отвечающий за ячейку.

Модификаторы элемента col Значение Описание
align right Выравнивание по горизонтали
grow evenly Растягивание ячейки пропорционально при наличии пустого места
width 5 / 10 / 15 / 20 / 25 / 30 / 35 / 40 / 45 / 50 / 55 / 60 / 65 / 70 / 75 / 80 / 85 / 90 / 95 / 100 Ширина ячейки в процентах от ширины таблицы
You can’t perform that action at this time.