У меня есть Таблица пользовательского интерфейса материала ниже. Все столбцы таблицы соответствуют размеру до 205 пикселей. Сам стол установлен на 100% ширины. Поэтому, когда я загружаю страницу, если есть доступное пространство таблицы, становиться больше. Проблема в том, что если колонок недостаточно, нужно сжиматься в зависимости от текста внутри, но это не так. Они застряли на ширине 205 пикселей.
Я также удалил все отступы. Текст внутри каждой ячейки является полем ввода, поэтому, если я сделаю ширину поля ввода и ширину всех ячеек в 60 пикселей уменьшится до 191, но при этом ширина каждой ячейки будет больше ширины, чем им нужно, поэтому столбцы будут намного больше, чем должны быть. Я изменил ширину таблицы, ширину контейнера - все не помогло.
У меня есть довольно точная структура таблицы, как в этом примере здесь; https://codesandbox.io/s/github/tannerlinsley/react-table/tree/master/examples/material-UI-enhanced-table
Если вы видите, что столбцы таблицы слишком велики в этом примере. Что заставляет столбцы быть больше, чем они должны быть? Почему они все одинаково зафиксированы в некотором размере?