Responsive jqxGrid

[mattjurgensenMember]

Hello –

Can someone share their comments on jqxGrid with respect to being designed as ‘Responsive’?  Is jqxGrid able to be responsive to client device dimensions out-of-the-box, or can some crafty CSS/Javascript make it perform that way ?

Maybe it doesn’t respond directly to media queries, but perhaps I can implement javascript to adjust Column visibility, and widths based on client resize events?

I didn’t see a specific example of this

[Peter StoevKeymaster]

Hi mattjurgensen,

You may see the supported events in the help documentation about jqxGrid. For hiding/showing columns see the Show/Hide Columns example. For setting the widget’s width and height, you should use the width and height properties as shown in the samples. You can set these to percentage or number values.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[cberubeMember]

When i set grid columns in %. The scroll bar disappears.

[Peter StoevKeymaster]

Hi cberube,

Here’s a working sample: http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/autosize.htm

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[cberubeMember]

Thanks, I was looking for a way to have it work side by side with a tree navigation. it gets a bit oakward when I use a fix width for tree container. Other than that works fine.

[Wherever66Participant]

Funny, my jqxGrid is not responsive but yours are. Can you show a bit key codes to achieve it?

[Peter StoevKeymaster]

Hi Wherever66,

You may look at the Grid’s Fluid Size demo and mobile demos. All of them are built to show how to create responsive Grid.

Best Regards,
Peter Stoev
jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts