Теперь я хочу, чтобы моя таблица просто делила доступное пространство между всеми столбцами поровну. КРОМЕ последнего столбца. Я хочу, чтобы этот столбец действий занимал минимум доступного пространства, все оставшееся пространство можно просто разделить поровну между оставшимися таблицами.
Но мне не удалось этого добиться. Я не могу работать с фиксированным значением для этого столбца действия, количество кнопок заранее неизвестно. Мне просто нужно, чтобы он автоматически принимал наименьшую доступную ширину, а не путем явного определения ширины.
Ниже приведен минимальный воспроизводимый пример. Имеет 4 столбца (3+1). Желаемый результат состоит в том, чтобы последний был как можно меньше.
Код: Выделить всё
table {
width: 100%;
table-layout: auto;
/* wether it be 'auto' or 'fixed', last column should not be larger than necessary */
}
tr {
text-align: left;
}
th:last-of-type {
max-width: max-content;
background-color: orange;
}
td:last-of-type {
background-color: yellow;
max-width: max-content;
/* Does not work */
}
Код: Выделить всё
Header 1
Header 2
Header 3
Actions
Data1_1
Data1_2
Data1_3
Button 1
Data2_1
Data2_2
Data2_3
Button 1
Button 2
Подробнее здесь: https://stackoverflow.com/questions/782 ... deviations