Styling like the demo

[dtag1000]

Hello,

Im trying to style my grid like the one here: https://paramquery.com/demos/crud

It removes all the extra space on the bottom, and is sleek. How can I implement this ?

[paramvir]

Please use height: 'flex'

[dtag1000]

Hello,

I tried the flex height, and this did not do anything. I want the exact styling of the one in the demo. How can I get this??

[paramvir]

I'm not sure about your interpretation of extra space at bottom and sleek layout, can you please attach a screenshot of your grid and point out what exactly you are looking for.

[dtag1000]

This is what i want

https://imgur.com/a/bkwIh

This is what i have

https://imgur.com/a/Wp44M

[paramvir]

You are missing the grid stylesheets.

pqgrid.min.css and pqgrid.ui.min.css files are required.

http://jsfiddle.net/o7xo89oz/

[dtag1000]

I added all of the style sheets, but it still does not look like the demo.

[paramvir]

Please check the path to stylesheet files, look out for any 404 errors in the browser console.

and ensure that you use the same version of css files as js files e.g. if you use pqgrid.min.js v4.0.0 then css files should also be the same version.

If you are still unable to resolve the issue, then please share a jsfiddle.