Rendering Issues in Chrome and IE browsers for Angular table HTML

[meetDinesh]

Hello All,

Have a good day!

We are using tables in angular and the data is shown there in around 8 columns and around 100 rows.
The HTML looks like following:

so now before rendering the complete table there is fraction of second the table looks like following:

Please note table renders properly at the end but before it, it gives a problem like table wants itself to fit on the left as shown in above image.

Not sure what can be the reason behind it, is anyone have idea for it.

[csvan]

Try setting a fixed width for the grid container.

[meetDinesh]

If I fix width, will it work on all devices say ipad and android devices, chrome, IE etc..?

[devinmcginty]

I've also come across this issue. Setting the grid container to a fixed pixel width does work, but the application that I'm working on will be used on many different window sizes. Is there an alternate solution for dynamic grid widths (% of container size)?