jqxGrid to fill a splitter content?

[realtekParticipant]

Hi,

I would like the jqxGrid to fill the content of a splitter by 100% height and width.

I cannot see where I can set this and after running chrome developer tools I can see it seems to have a fixed height of 400 and width of 600?

Here is the code I found in chrome:

<div id="jqxgrid" role="grid" align="left" class="jqx-grid jqx-grid-web jqx-reset jqx-reset-web jqx-rc-all jqx-rc-all-web jqx-widget jqx-widget-web jqx-widget-content jqx-widget-content-web jqx-disableselect" style="width: 600px; height: 400px;">

Does anyone know how and where I can set this? I tried changing it with css but no luck!

Thanks

[realtekParticipant]

Sorry, I was looking in the wrong page!

Here is where I set the height and width but it won’t fill

       // Create jqxGrid
            $("#jqxgrid").jqxGrid(
            {
                width: '100%',
				height: '100%',
                source: dataAdapter,
                groupable: true,
                theme: theme,
                pageable: true,
                columns: [
                  { text: 'Group Name', datafield: 'GroupName', width: 250 }
                ]
            });

The code I posted above is what the HTML returns from the browser.

Thanks

[Peter StoevKeymaster]

Hi realtek,

There’s already such sample – http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxsplitter/integration-with-jqxgrid.htm?arctic

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[realtekParticipant]

Hi Peter,

That example doesn’t fill the splitter by 100% for the Grid, it seems to be larger?

I followed this example: http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/autosize.htm

All parent tags have the height and width specified, including html, body and the content section for the tab but it still refuses to go to 100%.

I’m not sure what I am missing?

[Peter StoevKeymaster]

Hi realtek,

In the sample, the Grid fits to the Splitter’s Panel as that is what the example demonstrates. The Splitter is with Fixed Size, the Grid is with Fluid Size.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[realtekParticipant]

Hi Peter,

Thank you, I noticed a syntax error in the height and width where I accidentally put two single quotes around the percentage values.

Removing them resolved the issue!

Thank you

[LeeWParticipant]

Hi Peter,

Can we have an example with fluid splitter height, i.e. 100%?

I have the issue where I have a DIV + GRID stacked on each size of the splitter.

The grid horizontal scrollbar is too low – only way I could get them to show is height of grid at 95%.

Thanks,

Lee

[Author]

Posts