Only one row visible at init with scrollbarV
See original GitHub issueI’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:
- Created 7 years ago
- Reactions:10
- Comments:5 (3 by maintainers)
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
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?
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!