question-mark
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.

Only one row visible at init with scrollbarV

See original GitHub issue

I’m submitting a … (check one with “x”)

[x] bug report => search github for a similar issue or PR before submitting

Current behavior When you set the option scrollbarV to true, and add a few rows at init of the table, only 1 row is visible instead of all your rows. Whenever you scroll (horizontally or vertically) it shows the correct number of rows

Expected behavior It should show all visible rows at init

Reproduction of the problem http://plnkr.co/edit/bGk5ZbAwcjYhPb2gDNfo?p=preview I added 6 rows but only 1 is visible at init. To make the other appear use the horizontal scrollbar in the table and they should pop. (It also works with vertical scrollbars).

  • Table version: 0.12.0

  • Angular version: 2.1.2

  • Browser: all

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Reactions:10
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

3reactions
Pietsencommented, Jul 25, 2018

i have the same issue like @lagofvc but his solution won’t work on my table. Any further suggestions for solving the problem?

If i deactivate [scrollbarV]=“true”, the table is shown correctly, but i don’t want the page to be scrolled. Instead i want to add [scrollbarV]=“true” but then the table shows only the first row(!) and that is strange because if i filter something or sort it the first row is changing.

@amcdnl is this issue known?

3reactions
lagofvccommented, Nov 19, 2016

I had a somewhat similar issue using scrollbarV except it wasn’t only on init and the table never showed more than 1 row. I put this on my component’s css and fixed the issue:

.datatable { height: 800px; }

In case it helps anyone else.
Thank you!

Read more comments on GitHub >

github_iconTop Results From Across the Web

How do I make the scrollbar on a div only visible when ...
I want to make the scrollbars only be visible when necessary - that is, only visible when there is enough text in the...
Read more >
Element: <oj-table> - Oracle
This will allow the user to filter data and display only the rows desired. ... Used to explicitly hide the vertical scrollbar when...
Read more >
Tutorial: Scrolling - Handsontable Documentation
Note, that Handsontable renders only the visible part of the table plus a fixed amount of rows and columns. You can experiment with...
Read more >
Gantt Layout - DHTMLX Documentation
To enable a resizer, you need to set the resizer property to true. Available in the PRO edition only;; scrollbar - defines scrollbars...
Read more >
Perfect Scrollbar
Minimalistic but perfect custom scrollbar plugin. ... When set to true, and only one (vertical or horizontal) scrollbar is visible then both vertical...
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 Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found