Slickgrid not displaying correctly inside jquery accordion.

[Domt301]

I have three grids inside a jquery accordion and they display correctly when the page first loads. Once the page is refreshed the grids are all shrunken like in the first picture. I did the edit from the slickgrid fork that was suggested by user 6pac https://github.com/6pac/SlickGrid/commit/687d38d755933830bcd889a3658b9dab8132060d

this yielded the results in picture two. The column headers now look better but the cells are not displaying correctly. I also have a this question posted on stack overflow with a 50 point bounty. Any help is appreciated. Thank you

http://stackoverflow.com/questions/29991072/slickgrid-inside-jquery-accordion-columns-not-displaying-properly

[6pac]

If it's not the 'display:none' issue, could it also be the border-box issue ? https://github.com/6pac/SlickGrid/pull/4#issuecomment-99757214

[Domt301]

Only solution i found was to do a full reload which gives off flicker. Had to keep project moving but hope to find a solution to this problem. Thanks for all your help! window.location.reload();

[jandsmit]

Look at issue #1066 It's probably caused by the same little bug, which I seem to have solved by adding a single line in slick.grid.js

[6pac]

A patch for this issue (and #1066) has been added to the 'alternative master' repo. Repo: https://github.com/6pac/SlickGrid Latest release: https://github.com/6pac/SlickGrid/releases Blog post: http://low-bandwidth.blogspot.com.au/2015/06/slickgrid-with-jqueryui-and-bootstrap.html

The latest release has added examples for Bootstrap and the jQueryUI Accordion that may help provide a standardised page for testing, and demonstrate a known good configuration.

You don't stipulate your browser, so I'll be interested to see how the examples look to you.