Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Ben Bradley on Jan 21, 2008 09:24
open dhtmlx forum
enableAutoHeight when initialising grid from HTML table

I'm having some trouble with using the enableAutoHeight option when I initialise the grid from an existing HTML table.
The HTML table is a reasonably large table with about 100 rows

Here's my code... (I have no Doctype at the top of the page)
<!-- JAVASCRIPT GRID -->
<link rel="stylesheet" type="text/css" href="grid/dhtmlxgrid.css">
<script src="/grid/dhtmlxcommon.js"></script>
<script src="/grid/dhtmlxgrid.js"></script>
<script src="/grid/dhtmlxgridcell.js"></script>
<script src="/grid/ext/dhtmlxgrid_start.js"></script>

<script language="javascript" type="text/javascript">
<!--
function grid_init(){
    obgrid.setSkin('xp');
    obgrid.setEditable(false);
    obgrid.enableMultiselect(false);
    obgrid.enableAutoHeight;
}
// -->
</script>

<title>TEST</title>
</head>
<body>

<table border="0" cellpadding="3" cellspacing="0" class="dhtmlxGrid" oninit="grid_init()" lightnavigation="false" name="obgrid">
...


In both FireFox 2.0.0.11 and IE 7 on Windows XP Pro SP3... the table fills the length of the page and shows all the data. With no vertical scrollbars as desired.

But I'm then getting a load of blank lines after the table before the rest of my page content starts.
The number of blank lines appears to be roughly the same height as the actual table.

It doesn't happen so much for tables of 1-30 rows

Is there a way to fix this?

It's an awesome feature that I'm just waiting to use!


Thanks
Ben
Answer posted by Support on Jan 21, 2008 09:50
When grid initialized from table - it takes table sizes, if you want to enable the real auto-height feature - add next attribute to table tag

<table gridHeight="auto" ...