Горизонтальные полосы прокрутки в таблицах

Question

В следующем коде,

<table id=\"preview_table\" class=\"preview_table\" cellspacing=\"0\" border=\"1\" width=\"%s\"><tr  bgcolor=\"lightgrey\" width=\"%s\"><th>Category</th>
<th>Grade</th>
<th>Grade</th>
<th>Grade</th>
<th>Grade</th><th>Grade</th>
<th>Grade</th>
<th>Grade</th>
<th>Grade</th>
<th>Grade</th>
 <th>Grade</th>
 <th>Grade</th>
 </tr><tr><th></th>
<th></th><th></th><th></th><th></th><th></th><th></th><th></th><th></th><th></th><th></th></tr>
 </table>

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

Спасибо ..

Answer 1

Установите макет таблицы на фиксированный , а затем установите ширина таблицы также (макет таблицы будет работать только тогда, когда ширина явно задавать). Следующий CSS должен сделать трюк:

<style type="text/css">
.preview_table {
 table-layout:fixed;
 width:100%; // You may need to change this depending on padding/margins/etc
}
</style>