tabalinas / jsgrid

Lightweight Grid jQuery Plugin
http://js-grid.com
MIT License
1.53k stars 353 forks source link

Vertical Scroll Bar Hiding Controls Column #1408

Open andcmill opened 2 years ago

andcmill commented 2 years ago

The vertical scroll bar is is hiding the add/filter control. It's also covering the last column content.

How can I correct this? Thank you.

Here are my setting:

            $("#jsGrid").jsGrid({
                //height: "500px",
                width: "100%",
                filtering: true,
                inserting: true,
                editing: true,
                sorting: true,
                paging: false,
                autoload: true,
                pageSize: 15,
                pageButtonCount: 5,
                deleteConfirm: "Do you really want to delete?",
                noDataContent: "No records entered",
andcmill commented 2 years ago

Here is an image of the issue. Thank you again for your assistance!

A5AC40E8-71D0-4EEF-BC68-1789C1694673

andcmill commented 2 years ago

Hi, I'm not sure if this is best practice, but I found a solution.

I increased the width of my control column from 15 to 30.
{ type: "control", width: 30, editButton: false, deleteButton: true },

It cleared the issue and the column is fully visible.

andcmill commented 2 years ago

Updated image. D82F9DF6-DFA2-4BCF-A7F2-2B48D75CB596