Not showing horizontal scroll

[neetu@ciirus.com]

Hi Team

I am using the grid-5.6.5-trial for integrating grid in my project.

I am facing lot of issues but my current issue is Its showing horizontal and vertical scrollbar very thin

My code is

import { StringHelper, Grid, AjaxStore, Combo, DateHelper, TextField, AjaxHelper } from '/lib/bryntum/build/grid.module.js';

 const grid = new Grid({
        autoHeight: true,
        columnLines: true,
        loadMask: 'Loading...',
        maxHeight: "500px",
        scrollable: true,
        appendTo: 'target',
        columns: columns,
        store,
        features: {
            cellEdit: true,
            stripe: true,
           search: true
        },
        showDirty: true,
        listeners: {
            cellClick({ record, column }) {
                if (column.data.text == "Comments")
                ciirus.quickPropertySetup.editComments(`${record.data.MCPropertyName} - ${localizer("columnName", "Comments")}`,  record);
            },
            selectionChange({ selection }) {
                removeButton.disabled = !selection.length || grid.readOnly;
            }
        }
         });
    grid.store.on({
        beforeRequest() {
            grid.masked = {
                text: 'Data is loading...'
            };
        },
        afterRequest() {
            grid.masked = null;
        },
        exception({ response }) {
            grid.masked.error = response.message || 'Load failed';
        }
    });
    const { removeButton} = grid.widgetMap;

Loadmask is also not working....

Please check the issue and find the solution

[mats]

What's wrong in your image? You want broader columns which then show a scrollbar for the Grid?

[neetu@ciirus.com]

No I want broader horizontal and vertical scrollbar like these are showing in grid examples

[mats]

Can you please share a test case with us so we can run it locally?

[neetu@ciirus.com]

I have already shared my code and I am using css reference like this in my cshtml view

<link href="~/lib/bryntum/build/grid.stockholm.css" rel="stylesheet" data-bryntum-theme />

[ghulam.ghous]

Hi Neetu,

First of all your config missing some functions and I was unable to run it. But when I reduced it by removing the things that you have not provided, I was unable to reproduce the issue. Are you able to reproduce the issue in our online examples https://bryntum.com/products/grid/examples/? If yes provide us with steps/video clip to repro the issue. If not please provide us a test case which is runnable so we can run it, repro the issue and assist you in a better way. You can check our guideline here about the test case viewtopic.php?f=35&t=772.

Regards,
Ghous