Broken grid after updating v2.7.0 to v4.1.2

[walker1234Participant]

I have following libraries that are currently in use:

`<script type=”text/javascript” src=”scripts/jqwidgets/jqxcore.js”></script>
<script type=”text/javascript” src=”scripts/jqwidgets/jqxdata.js”></script>
<script type=”text/javascript” src=”scripts/jqwidgets/jqxbuttons.js”></script>
<script type=”text/javascript” src=”scripts/jqwidgets/jqxscrollbar.js”></script>
<script type=”text/javascript” src=”scripts/jqwidgets/jqxmenu.js”></script>
<script type=”text/javascript” src=”scripts/jqwidgets/jqxlistbox.js”></script>
<script type=”text/javascript” src=”scripts/jqwidgets/jqxdropdownlist.js”></script>
<script type=”text/javascript” src=”scripts/jqwidgets/jqxgrid.js”></script>
<script type=”text/javascript” src=”scripts/jqwidgets/jqxpanel.js”></script>
<script type=”text/javascript” src=”scripts/jqwidgets/jqxgrid.selection.js”></script>
<script type=”text/javascript” src=”scripts/jqwidgets/jqxgrid.columnsresize.js”></script>
<script type=”text/javascript” src=”scripts/jqwidgets/jqxgrid.filter.js”></script>
<script type=”text/javascript” src=”scripts/jqwidgets/jqxgrid.sort.js”></script>
<script type=”text/javascript” src=”scripts/jqwidgets/jqxgrid.pager.js”></script>
<script type=”text/javascript” src=”scripts/jqwidgets/jqxgrid.grouping.js”></script>
<script type=”text/javascript” src=”scripts/jqwidgets/jqxcheckbox.js”></script>`

Everything is fine when I use the above libraries with version 2.7.0 as shown in the image below(I have removed the data just to show the structure of the grid):

However, as soon as I replaced the exact above libraries with v4.1.2, I noticed all the column contents overlapping on the first column as shown in the image below:

I don’t see any errors in the console and wondering how to debug without any information? Please advise.

[DimitarParticipant]

Hello walker1234,

Please note that there have been many breaking changes in jQWidgets since version 2.7.0 was released three and a half years ago. You can see these on the Release History page. Please read each Breaking Changes entry since version 2.7.0 and see if you have anything to do on your side in order to make your code compatible with the latest version of our product.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[DimitarParticipant]

P.S. Please also make sure you have updated the file jqx.base.css to the latest version, too.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[Author]

Posts