iSeller Commerce
iSeller POS Retail
iSeller POS F&B
iSeller POS Express
Crosslight
WebUI
ClientUI
What's New
Download Trial
Web Solution
Mobile Solution
Enterprise Solution
Custom Development
Blog
Community
Latest Development Blogs
ForumPostTopic
Browse By Tag
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.
</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.
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.
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.
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
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, 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!
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.
or
Choose this if you're already a member of Intersoft Community Forum. You can link your OpenID account to your existing Intersoft Social ID.
Choose this if you don't have an Intersoft account yet. Your authenticated OpenID will be automatically linked to your new Intersoft account.
Enter your Wordpress Blogname