Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

No horizontal scrollbar when autoHeight = true

See original GitHub issue

Editing the columns array definition in example11-autoheight.html to the below, the grid can be scrolled horizontally using a trackpad/mouse, no horizontal scrollbar is displayed.

columns = [
  { id: "title", name: "Title", field: "title", width: 200 },
  { id: "duration", name: "Duration", field: "duration", width: 200 },
  { id: "%", name: "% Complete", field: "percentComplete", width: 200 },
  { id: "start", name: "Start", field: "start", width: 200 },
  { id: "finish", name: "Finish", field: "finish", width: 200 },
  { id: "effort-driven", name: "Effort Driven", field: "effortDriven", width: 200 }


Is this expected behaviour? If not, could anyone give me a pointer to where I might be able to resolve it?

From my investigation, the scrollbar appears to be there on the viewport, but because the viewport’s container, .slick-pane-top.slick-pane-left, height is set to the height of the viewport, it’s below the bottom of the top left pane. I’ve experimented with adding the height of the scrollbar to the top pane, but at this stage, viewportHasHScroll hasn’t yet been calculated, and even when doing so, the canvas appears to have a little extra padding below the final row, so simply adding the height of the scrollbar is insufficient.


Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:7 (5 by maintainers)

github_iconTop GitHub Comments

DarranShepherdcommented, Apr 1, 2019

Sorry for the delayed response, @ghiscoding , @6pac , I was away for the weekend.

This PR fixes my issue perfectly. Thanks so much for such a quick resolution.

6paccommented, Mar 31, 2019

awesone, thanks @ghiscoding

Read more comments on GitHub >

github_iconTop Results From Across the Web

scrollbar disappeared if autoheight=true? - Grid - jQWidgets
The autoheight true means that the Grid's vertical scrollbar will not be displayed and the Grid's height will be equal to the sum...
Read more >
[autoheight grid] Disable vertical scrolling · Issue #801 - GitHub
Is there no option for disabling vertical scrolling i.e. just displaying the table's contents as-is? As far as I can tell all that...
Read more >
unnecessary horizontal scroll bar coming inspite of using ...
This is a normal behavior. A scrollbar pops up if the total column width is bigger than the container. It's not a bug,...
Read more >
Easy Power Apps Scrollable Screen Using A Vertical Container
In this article I will show the easiest way to make a scrollable screen in Power Apps using a vertical container.
Read more >
How to set max row height with scrollbar? — DataTables forums
Hi all, I can't figure out how to set max height of row height in DT and with a scrollbar when text is...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found