Как ограничить количество элементов в строке таблицы?

Question

В таблице показано большое количество элементов на строку, поэтому она выходит за пределы экрана. Я попытался добавить стиль CSS, чтобы изменить ширину таблицы, но не работал.

Я думал о размещении строки прерывания после определенного номера (возможно, используя JQuery) элементов, в то время как я создаю каждую строку в итеративном режиме. Есть ли способ определить количество элементов, созданных динамически в каждой строке таблицы?

Спасибо,

Answer 1

Вы должны изменить ширину заголовка таблицы, ребенок строка/тд унаследует от такого размера, как это:

<table> 
    <thead> 
     <tr> 
      <th width="20%">Column 1</th> 
      <th width="20%">Column 2</th> 
      <th width="20%">Column 3</th> 
      <th width="20%">Column 4</th> 
      <th width="20%">Column 5</th> 
    </thead> 
    <tbody> 
     <tr> 
      <td>Data column 1</td> 
      <td>Data column 2</td> 
      <td>Data column 3</td> 
      <td>Data column 4</td> 
      <td>Data column 5</td> 
     </tr> 
    </tbody> 
</table> 

Примечание: Вы должны иметь одинаковое число столбцов в обоих <thead> и <tbody>