Как добавить фиксированную ширину таблицы td

Question

Я установил фиксированную ширину в td, но она не работает, когда таблица переполнена. Я пробовал приведенный ниже код.

td {
       width: 192px;
   }

Answer 1

• 1000 *

.dataRow
{           
word-wrap: break-word;
word-break: break-all;           
}

3 - после вышеуказанного 2 вы также можете установить ширину в соответствии с вашими требованиями, если необходимо.

Answer 2

Этого можно добиться с помощью свойства display.

Проверьте фрагмент ниже.

.wrapper {
  width: 180px;
  border: 1px solid #000;
}

.table-scroll {
  width: 100%;
  table-layout: fixed;
}

.table-scroll tbody {
  display: block;
  overflow: scroll;
}

.table-data {
  border: 1px solid #0F0;
}

.table-detail {
  border: 1px solid #F00;
}

td.first {
  width: 200px;
  display: inline-block;
}

<div class="wrapper">

  <table class="table-scroll table-data">
    <tbody>
      <tr>
        <td class="first">HEAD1</td>
        <td>HEAD2</td>
        <td>HEAD3</td>
        <td>HEAD4</td>
      </tr>

    </tbody>
  </table>
</div>

Answer 3

Вы можете изменить css на td { width:20px} или вы можете изменить его в строке <td style="width:20px">.