Jsgrid: How can I adjust the width and height for the jsgrid when work with jquery UI tabs?

Created on 8 Mar 2016 · 3Comments · Source: tabalinas/jsgrid

hi:
I used several jsgrids with jquery UI tabs, I wish the grid to fullfill the area of tabs;

My tabs defination like this:
`

database

PA Info

General RF Switch

Special RF Switch Solution Defination

Special RF Config mode

<div id="database_grid"></div>
<div id="painfo_grid"></div>
<div id="rfswitch_grid"></div>
<div id="rf_solution_grid"></div>
<div id="spmode_grid"></div>
</div>

`
and for the jsgrid, I used:
autowidth: true,
shrinkToFit : false,

but the width and height of the grid seems not fullfill the area,
jsgrid

Thanks in advance.

question

Source

jufei

Most helpful comment

For anyone that comes across this. You set width and height like this.
jsGrid("option", "width","600px");
jsGrid("option", "height ","500px");

donnyv on 30 Jun 2017

👍2 ❤1

All 3 comments

Where did you get these options?

tabalinas on 8 Mar 2016

You need to use height and width options of the grid. They accept all usual css values. Be aware that since this is just css, no miracle will happen, when you set height 100%, not caring about heights of parents.

tabalinas on 8 Mar 2016

For anyone that comes across this. You set width and height like this.
jsGrid("option", "width","600px");
jsGrid("option", "height ","500px");

donnyv on 30 Jun 2017

👍2 ❤1

Was this page helpful?

0 / 5 - 0 ratings