Intersoft Community - WebGrid Enterprise - WebGrid width problem

WebGrid width problem

technical@intersoftpt.com — Tue, 01 Sep 2009 00:08:50 GMT

George, thanks for your feedback. We'll include this as a requirement in the updated WebGrid documentation, along with a new walkthrough to address this scenario.

PS: Please "mark as answer" on the correct reply to enable other users to easily recognize your threads as resolved/answered. Thank you.

WebGrid width problem

GeorgeB — Mon, 31 Aug 2009 23:05:01 GMT

James

Interesting. Here's how I look at middle-ware. I follow the user spec and don't look in the box. If IS didn't put this requirement in the spec then I look at it as a bug. We don't need thousands of IS users trying to figure out all the special requirements of IS controls. Maybe, they could generate the WebGrid with a table around it?

I'm sure the next programmer that replaces me will go through the same problem again.

George

WebGrid width problem

james — Mon, 31 Aug 2009 22:53:17 GMT

George, I'm glad the tips works out for you.

If I understand correctly, the WebGrid itself used a fixed table-layout to maintain the columns width accurately, while the standard grid doesn't. So that's why it requires a fixed layout style when hosted inside another "table".

AFAIK, this requirement is needed per told in browsers specification, and not really a sole workaround in IS Grid itself.

Thanks!

WebGrid width problem

GeorgeB — Mon, 31 Aug 2009 22:45:56 GMT

James

I followed up on your suggestion and found that if i put a table right around the WebGrid with table-Lout: fixed and the width i want then i can put that into the larger table without making adjustments for every column. It's still a pain but I can live with it until IS fixes the problem. :)

Thanks again

George

WebGrid width problem

GeorgeB — Mon, 31 Aug 2009 22:05:32 GMT

James

thanks but i don't have to do that with a MS grid and it's just another workaround for Intersoft code. And, i'm tired of workarounds. Also, it is hard to maintain. if i decide to change the WebGrid width I need to remember to change all the table/column widths. I like the columns to autosize.

Let's see what IS support has to say.

George

WebGrid width problem

james — Mon, 31 Aug 2009 21:56:14 GMT

George,

To display the table layout properly, simply add table-layout: fixed in your table style. The following code would do it:

<table style="table-layout: fixed; width: 500px">
    <tr>
         <td style="width: 200px">
    ...
</table>

You'll need to add width to the table and each column as well, you can also use the mix of pixel and percentage width in the cells.

Hope this helps,
James.

WebGrid width problem

GeorgeB — Mon, 31 Aug 2009 20:13:23 GMT

I have a table with 3 columns and a WebGrid inside the first column. The WebGrid has a width of 250px and has 5 columns. each column has a width of 100px. When this is displayed the table width is 500px which is wrong and destroys the layout of the table.

<tr>

<td>

<ISWebGrid:WebGrid ID="wgtestwidth" runat="server" DataSourceID="AccessDataSource1"

DefaultStyleMode="Elegant" Height="250px" UseDefaultStyle="True"

Width="250px">

<ISWebGrid:WebGridColumn Caption="CustomerID" DataMember="CustomerID" Name="CustomerID"

Width="100px">

</ISWebGrid:WebGridColumn>

<ISWebGrid:WebGridColumn Caption="Country" DataMember="Country" Name="Country" Width="100px">

</ISWebGrid:WebGridColumn>

<ISWebGrid:WebGridColumn Caption="PostalCode" DataMember="PostalCode" Name="PostalCode"

Width="100px">

</ISWebGrid:WebGridColumn>

<ISWebGrid:WebGridColumn Caption="Phone" DataMember="Phone" Name="Phone" Width="100px">

</ISWebGrid:WebGridColumn>

<ISWebGrid:WebGridColumn Caption="Fax" DataMember="Fax" Name="Fax" Width="100px">

</ISWebGrid:WebGridColumn>

</Columns>

</RootTable>

</ISWebGrid:WebGrid>

</td>

<td>column 2</td>

<td>column 3</td>

</tr>

</table>

I've attached a screen image. To make things worse put 15 columns in the WebGrid and make the grid width 500px. You should end up with a column 1 width of 1500 px instead of 500px.