Автоматическая настройка ширины столбца в таблице HTML

Я создаю таблицу, содержащую историю URL пользователя. Данные собираются из базы данных SQL с использованием PHP, таблица создается в зависимости от данных, которые пользователь выбирает с помощью флажков на изображении ниже.

Я хочу, чтобы таблица использовала всю ширину страницы, как это происходит в данный момент. Однако я хочу, чтобы ширина столбца была автоматически отрегулирована. Как вы можете видеть на картинке, различные столбцы намного шире, чем они должны быть.

Я приложил код CSS, который я использую ниже.

Будем очень благодарны любой помощи.

    table#DisplayData {
border-spacing: 0;
width: 100%;
table-layout:fixed;
border: 1px solid #ddd;
word-wrap:break-word
}

table#DisplayData th, td {
text-align: left;
border: 1px solid #ddd;
word-wrap:break-word
margin: auto;
}

введите описание изображения здесь

-3

Решение

Измени свой table-layout в auto (или не включайте его, как auto по умолчанию).

Демо от MDN:

введите описание изображения здесь

0

Другие решения

Других решений пока нет …