Our blazing fast Grid component built with pure JavaScript


Post by bensullivan »

Hi

We'd like to use the grid in the context of a tabbed UI using the https://material.angular.io/components/tabs/overview component.

At the moment the grid header is rendering but the rows are not:
Screen Shot 2019-10-04 at 16.06.53.png
Screen Shot 2019-10-04 at 16.06.53.png (1.61 MiB) Viewed 1177 times
However I can see the rows in the DOM so I think this is a CSS problem but I can't see what I'm doing wrong...

I have attached the code I'm using to illustrate the problem.

Do I need to apply CSS to explicitly display the div.b-grid-body-container element?

Many thanks

Ben
Attachments
spa-brygrid-mdtab-issue.zip
(4.41 MiB) Downloaded 155 times

Post by mats »

Yes it's an issue of you not sizing our component at all. You need to review your own application CSS and make sure you have some height applied to the grid element you're rendering into. Just some basic CSS missing.

Post by bensullivan »

OK understood - thanks for ruling out potential issue with grid/md tabs. I'll take a closer look. Thanks for your patience and continued support.

Cheers

Ben

Post Reply