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

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

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

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