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

Popular posts from this blog

linux - Mailx and Gmail nss config dir -

c# - Is it possible to remove an existing registration from Autofac container builder? -

php - Mysql PK and FK char(36) vs int(10) -