Как исправить ширину таблицы в HTML 5?

Question

Проверьте это изображение:

https://ibb.co/MhtZLpG

Проблема в моей таблице, мой последний столбец моей таблицы не на экране

Я пробовал

<table style="width:200px !important">

и

<table style="width:20% !important">

, но это не сработало.

Answer 1

Вам нужно будет установить table-layout явно:

table {
  table-layout: fixed;
}

Затем вы можете установить ширину столбца:

th:nth-child(<<the number of which column you want to set the width>>) {
  width: <<your desried width>>
}

И если вы хотите установить ширину таблицыЗаймите всю ширину, затем просто установите:

table {
  table-layout: auto;
}

То, что вы пытаетесь сделать, это сделать так:

table {
  table-layout: fixed;
  width: 20%;
}

Используя inline, будет работать следующее:

<table style="width:20%; table-layout: fixed;">

---

Вот классы ширины, с которыми поставляется начальная загрузка 4:

w-25 /* width: 25%; */
w-50 /* width: 50%; */
w-75 /* width: 75%; */
w-100 /* width: 100%; */

К которым вы можете обратиться к таблице за классом.Например,class="w-25"

Вы также можете применять классы столбцов - col-*:

<table class="col-3">