over ride html table style table-layout-fixed - javascript, html, css

Mam tabelę HTML w elemencie div.

div jest ustawione na automatyczne przewijanie przy przepełnieniu

div.container {overflow-x: scroll; overflow-y: hidden;}

Chcę osiągnąć - komórki tabeli mogą być automatycznie regulowane, ale jeśli minimalna szerokość dowolnej komórki zostanie przekroczona (powiedzmy, że więcej kolumn jest dodawanych automatycznie), widok powinien być ustawiony na automatyczne przewijanie.

<table cellspacing=0px id="tbl_iss" class="issues" style="table-layout: fixed" width="100%">
<thead>
<tr bgcolor="#D0D0D0" >
<th width=50px style="min-width: 50px; _width: 50px;">Issue#</th>
<th width=100px style="min-width: 100px; _width: 100px;">Abc</th>
<th width=100px style="min-width: 100px; _width: 100px;">xyz</th>
<th width=120px style="min-width: 100px; _width: 120px;">Pqr</th>
<th width=200px style="min-width: 200px; _width: 200px;">Stu</th>
<th width=120px style="min-width: 120px; _width: 120px;">efg</th>
</tr>
</thead>
</table>

komentarze plz?

Odpowiedzi:

Tabele, a zwłaszcza komórki tabeli, nie zachowują się tak, jak byś tego chciał width i height

Jeśli zawiniesz zawartość komórek tabeli w div? and give thisdiv` szerokość, możesz mieć więcej szczęścia

<th><div style="min-width: 50px; _width: 50px;">Issue#</div></th>