2015-04-17 1 views
0

Я хочу вставить несколько «направленных» значков (стрелок) в сетку вверх/вниз/влево/вправо для таблицы строк позволяют пользователям напрямую редактировать иерархические структуры данных.Есть ли элегантный способ разделить ячейку таблицы HTML на сетку из 9 (Bootstrap)

Кажется, что я должен использовать colspan=3 и rowspan=3 для всех остальных элементов ИЛИ мне нужно сделать таблицу в маршруте таблицы.

Есть ли другой способ?

У Bootstrap есть поддерживающий CSS для этого с span и/или div?

Я создаю общее решение, которое можно использовать при необходимости.

думаю так:

x | U | x L | x | R x | D | x

за исключением того, что U, L, R и D являются шрифт Высокий иконки стрелки, указывающие вверх, влево, вправо и вниз соответственно.

x | /\ | x <-| x. |-> x | \/ | x

Просто игнорировать иксы ...

+0

Можете ли вы предоставить jsfiddle или jsbin вашего текущего HTML? Трудно понять, что вам нужно, не видя, что у вас есть. –

+0

@photo_tom Я добавил искусство ASCII, чтобы помочь путать (ах уточнить) вещи ... – Techmag

ответ

0

Пытались ли вы с CSS3

CSS3 Multiple Columns

+0

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

Смежные вопросы