Я не уверен, что это можно сделать с помощью CSS, но я хочу перепроверить. У меня есть адаптивная таблица, которая может иметь от 3 до 10 столбцов. Колонны разбиты на три секции. Столбец слева имеет ширину 30%, максимальную ширину 500 пикселей и минимальную ширину 190 пикселей.
Средний контейнер - это место, где живет большинство столбцов. Может иметь от 1 до 8 столбцов. Контейнер имеет ширину 60%. Ширина каждого столбца в этом контейнере делится на количество столбцов в этом контейнере. например Если столбцов три, то каждый столбец имеет ширину 33,33%. Эти столбцы также имеют минимальную ширину 100 пикселей и максимальную ширину 250 пикселей.
Последний столбец имеет ширину 10% и одинаковую минимальную ширину и максимальную ширину столбцов в середине 100px и 250px.
Я бы хотел, чтобы таблица могла растягиваться в зависимости от максимальной ширины дочерних элементов. Например, если ширина окна увеличена до 2560 пикселей, а столбцов 5, ширина таблицы будет 1500 пикселей (500 + 250 * 4). Аналогично, если есть 9 столбцов, то таблица будет 2500px (500 + 250 * 8).
И, конечно, если окно будет сделано меньше, чем каждый столбец будет уменьшаться, пока не достигнет минимальной ширины. Есть ли способ сделать это только с помощью CSS?