Start Building Professional
Web Apps Today

Grid problems with width

Hi, I`m using Initialization from HTML table, with var mygrid = new dhtmlXGridFromTable('proyectos'); as show my code below, and the scroll not limit to 100%, but i delete some characters the scroll show 100%, if i add some text in columns , don´t work well, what is the problem?.. Is there a limit?
Thanks...!



<table id="proyectos" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50">Column1</td>
<td width="50">Column1</td>
<td width="50">Column1</td>
<td width="50">Column1</td>
<td width="50">Column1</td>
<td width="50">Column1</td>
<td width="50">Column1</td>
<td width="50">Column1</td>
<td width="50">Column1</td>
<td width="50">Column1</td>
<td width="50">Column1</td>
<td width="50">Column1</td>
<td width="50">Column1</td>
<td width="50">Column1</td>
<td width="50">Column1</td>
<td width="50">Column1</td>
<td width="50">Column1</td>
<td width="50">Column1</td>
<td width="50">Column1</td>
<td width="50">Column1</td>
<td width="50">Column1</td>
<td width="50">Column1</td>
<td width="50">Column1</td>
<td width="50">Column1</td>
<td width="50">Column1</td>
<td width="50">Column1</td>
<td width="50">Column1</td>
<td width="50">Column1</td>
<td width="50">Column1</td>
<td width="50">Column1</td>
<td width="50">Column1</td>
<td width="50">Column1</td>
<td width="50">Column1</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>


<script type="text/javascript">
var mygrid = new dhtmlXGridFromTable('proyectos');
</script>

Grid takes the same space as source table, if you want to have grid auto-sized by columns size, you can use 

<table id="proyectos" width="100%" gridWidth="auto" border="0" cellspacing="0" cellpadding="0">