#tabulator
#табулятор
Вопрос:
Каков наилучший способ реализовать таблицу табуляторов в существующей сетке css? Таким образом, вместо того, чтобы указывать размер widthGrow для каждого столбца, определяя начальный / конечный столбец для каждого столбца.
Есть идеи?
Комментарии:
1. Не могли бы вы, пожалуйста, предоставить некоторую дополнительную информацию на ваш вопрос, трудно понять, о чем вы просите из своего вопроса. что вы подразумеваете под существующей сеткой CSS? и что вы имеете в виду для начального / конечного столбца для каждого столбца?
2. Конечно. Вся моя веб-страница основана на сетке столбцов / строк, созданной с помощью CSS Grid. (например, 12 столбцов по 1 fr каждый с интервалом 12 пикселей) В верхнем и боковых углах есть некоторый навигационный контент. Это оставляет средние ячейки свободными для отображения там некоторых данных. В моем случае я назначаю таблицу табуляции для этого пустого пространства. (допустим, 7 столбцов из исходных 12). Единственным вариантом конфигурации столбцов табуляции, который близок к тому, что я хочу, является «fitColumns» «widthGrow». Но это не учитывает пробелы в моей исходной сетке, и столбцы данных не совпадают идеально с другим содержимым вне таблицы.
3. Я имею в виду, что если у меня есть поля Name, LastName и Age в моих данных, я мог бы дать им ширину 3 3 1 = 7 (столько, сколько пустых столбцов моей основной сетки), чтобы они совпадали с общей сеткой. Но они по-прежнему на 12 пикселей меньше, потому что widthGrow не учитывает никаких пробелов между столбцами.
4. Табулятор не построен с использованием CSS grid, нет способа реализовать его таким образом, вы можете выбрать режим макета, аналогичный тому, на который вы надеетесь, и настроить стиль в соответствии с ним. но нет способа заставить внутренний макет использовать сетку, потому что это будет бороться с внутренней системой компоновки табуляторов