J
Jesse Aufiero
I was wondering if anyone knows how to get a datagrid to size as the browser
is resized such that the datagrid's borders would appear anchored to the
browser edges. The datagrid should have a white-space border around it and
scrollbars should automatically appear on the datagrid should the contents
of the grid spill outside of the viewable area.
I have gotten this to work for the IE browser by placing a DIV tag around
the datatable (shown below). And to maintain a margin of white space around
each edge of the grid as the browser is resized, I placed the DIV section
inside of a table, with rows and columns that maintain the white-space
margin around the grid, and whose center cell is set to a height and width
of 100%.
a snippet...
<TD align="right" width="100%" height="100%">
<DIV style="OVERFLOW: auto; WIDTH: 100%; HEIGHT: 100%">
{Datatable}
</DIV>
</TD>
....but this code does not work in a Mozilla/Firefox browser. Instead, the
datagrid extends well beyond the browser's right and bottom edges, causing
unwanted browser scrollbars to appear.
I know there must be a way around this, perhaps by using style sheets. But
I'm not sure what next steps to take.
is resized such that the datagrid's borders would appear anchored to the
browser edges. The datagrid should have a white-space border around it and
scrollbars should automatically appear on the datagrid should the contents
of the grid spill outside of the viewable area.
I have gotten this to work for the IE browser by placing a DIV tag around
the datatable (shown below). And to maintain a margin of white space around
each edge of the grid as the browser is resized, I placed the DIV section
inside of a table, with rows and columns that maintain the white-space
margin around the grid, and whose center cell is set to a height and width
of 100%.
a snippet...
<TD align="right" width="100%" height="100%">
<DIV style="OVERFLOW: auto; WIDTH: 100%; HEIGHT: 100%">
{Datatable}
</DIV>
</TD>
....but this code does not work in a Mozilla/Firefox browser. Instead, the
datagrid extends well beyond the browser's right and bottom edges, causing
unwanted browser scrollbars to appear.
I know there must be a way around this, perhaps by using style sheets. But
I'm not sure what next steps to take.