Scrollbar overlaping

[lhohman]

We are experiencing the following visual glitches, the scrollbar is overlapping to the table, and after resizing a column, it will re-accommodate the size for the scrollbar to fit correctly.

This is happening on Chrome browser most notably, using bootstrap theme.





The following relevant options are being used:

Code: [Select]

    width: "99%",
    height: 500,
    reactive: true,
    roundCorners: false,
    stripeRows: true,
    numberCell: { show: false },
    selectionModel: { type: 'row' },
    wrap: true,
    hwrap: true,
    editable: false,
    resizable: true,
    showBottom: true,
    showTitle: true,
    title: '',
    showTop: true,
    showToolbar: true,
    scrollModel: { autoFit: true },
    pageModel: { type: "local", rPP: 50, rPPOptions: [10, 50, 100, 500, 1000] },
    collapsible: { on: false, toggle: false },

[paramvir]

Please call refresh() method after grid is initialized to fix it.