Я пишу компонент реагирования, который представляет собой таблицу.
Количество строк и столбцов всегда должно быть 8.
Итак, у меня есть строка заголовка и столбец заголовка, а затем мне нужна таблица 8X8.
Мои данные являются динамическими, поэтому я могу получить информацию о таблице 11 X 11, которая в порядке. Я просто хочу, чтобы полосы прокрутки работали после для таблиц, которые больше, чем 8X8. Должны быть полосы прокрутки вверх и вниз для строк и полосы прокрутки слева и справа для столбца.
В настоящее время я использую сетку CSS и использую стилизованные компоненты.
Мой стол - простой стол:
const HeaderCell = styled.div
grid-column: 1/2;
grid-row: 1/2;
const HeaderColumn = styled.div
grid-row: 2/9;
grid-column: 1/2;
const HeaderRow = styleled (TableRow)
grid-row: 1/2;
grid-column: 2/9;
const InternalTable = styled.div
grid-row: 2/9;
grid-column: 2/9;
Я добавил переполнение: выделите компонент в стиле оболочки. Как я могу объявить, где начинается переполнение