Автоматическая верстка таблицы CSS с отклонениями отдельных столбцовCSS

Разбираемся в CSS
Ответить Пред. темаСлед. тема
Гость
 Автоматическая верстка таблицы CSS с отклонениями отдельных столбцов

Сообщение Гость »

У меня есть простая таблица HTML с макетом таблицы, установленным на автоматический. В этой таблице есть несколько обычных столбцов данных и, наконец, столбец специального действия, то есть столбец с несколькими кнопками внутри.
Теперь я хочу, чтобы моя таблица просто делила доступное пространство между всеми столбцами поровну. КРОМЕ последнего столбца. Я хочу, чтобы этот столбец действий занимал минимум доступного пространства, все оставшееся пространство можно просто разделить поровну между оставшимися таблицами.
Но мне не удалось этого добиться. Я не могу работать с фиксированным значением для этого столбца действия, количество кнопок заранее неизвестно. Мне просто нужно, чтобы он автоматически принимал наименьшую доступную ширину, а не путем явного определения ширины.
Ниже приведен минимальный воспроизводимый пример. Имеет 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
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение
  • Gettimeofday вычисляет время выполнения со случайными значительными отклонениями?
    Anonymous » » в форуме Linux
    0 Ответы
    10 Просмотры
    Последнее сообщение Anonymous
  • Верстка письма в Outlook
    Anonymous » » в форуме CSS
    0 Ответы
    5 Просмотры
    Последнее сообщение Anonymous
  • Большая верстка Android/Java
    Anonymous » » в форуме JAVA
    0 Ответы
    5 Просмотры
    Последнее сообщение Anonymous
  • Большая верстка Android/Java
    Anonymous » » в форуме Android
    0 Ответы
    4 Просмотры
    Последнее сообщение Anonymous
  • Большая верстка Android/Java
    Anonymous » » в форуме JAVA
    0 Ответы
    6 Просмотры
    Последнее сообщение Anonymous

Вернуться в «CSS»