HTML Table Header widths seem to be sizing according to proportional width? -
ok, please bear me in explaining this. in code below have fake data values. actual width on screen seems change if add couple more characters, rather fixed have stated 150px. need width fixed. there property can set ensure this?
<div id='datatable' style='height:300px;overflow:auto;overflow-x:auto;overflow-y:scroll;width:900px;' onmouseup="matchscroll('datatable','headertable', true);" onmousemove="matchscroll('datatable','headertable', false);" > <table border='1' style='width:2850px;'> <tbody id='cleardetails'> <tr id='row0' style='color:black;height:auto;'> <td style='width:150px;'>testtttt</td> <td style='width:150px;'>te</td> <td style='width:150px;'>test</td> <td style='width:150px;'>test</td> <td style='width:150px;'>t</td> <td style='width:150px;'>test</td> <td style='width:150px;'>test</td> <td style='width:150px;'>testtttttt</td> <td style='width:150px;'>test</td> <td style='width:150px;'>test</td> <td style='width:150px;'>test</td> <td style='width:150px;'>test</td> <td style='width:150px;'>test</td> <td style='width:150px;'>test</td> <td style='width:150px;'>test</td> <td style='width:150px;'>test</td> <td style='width:150px;'>test</td> <td style='width:150px;'>test</td> <td style='width:150px;'>test</td> </tr> </tbody> </table>
the overflow property isn't inherited default, you'd need use this:
<th style='width:150px; overflow-x:hidden;'> <a style='width:150px;' href=''>t</a> </th>
also, suggest use classes.
Comments
Post a Comment