Демо
У меня есть таблица с неизвестным количеством строк и столбцов. Когда количество столбцов и строк невелико, таблица правильно занимает доступное пространство, регулируя ширину столбца в зависимости от доступной страницы за вычетом ширины боковой панели. См. Изображения ниже Однако, когда я увеличиваю количество столбцов, минимальная ширина (предположительно) отдельных столбцов приводит к отключению таблицы go. страница на оси x, в результате чего кнопки над таблицей выходят за пределы области просмотра. Точно так же, когда я увеличиваю количество строк, прокрутка вниз заставляет кнопки (и заголовок) прокручиваться за пределы области просмотра. Ожидаемое поведение должно заключаться в том, что высота таблицы - это оставшееся пространство под кнопкой «Сохранить», а ширина - это доступная ширина экрана за вычетом ширина боковой панели (если открыта). Если таблица больше, тогда в таблице должны быть полосы прокрутки, а не на всей странице. Поскольку я использовал flex-layout , у меня нет файлов CSS, но вы можете протестировать / отредактировать CSS либо здесь , либо на экране консоли в demo.
PS: Я не могу каким-либо образом изменять синие / оранжевые разделы или их предков. Я могу изменить только второй дочерний элемент родственного брата .header в дереве DOM.