TurboTable displays scroll bars incorrectly in Edge browser

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
aflorin
Posts: 69
Joined: 13 Dec 2017, 19:01

13 Jun 2018, 20:34

The TurboTable control incorrectly displays scroll bars which cut off the bottom and right side of the table

It seems to happen more when the browser is made wider. If you resize the browser, the scroll bars will pop in and out as you shrink and widen the window.

I'm using lazy loading, static columns and NO fixed widths for the table nor the columns. The table's settings in which I see this happen are:
[autolayout]=true
[rows]= XX
[lazy]=true
[alwaysShowPaginator]="false"
[paginator]="true"
The problem does not occur if autolayout=false. I have not tested to see if the rows, lazy loading and paging have any effect.

It even happens if there are no records in the table.

This doesn't happen in Chrome, nor Firefox. I have not tested other browsers.

I found two workarounds:

1) The following custom scss style which removes the scroll bars from the table:
.ui-table-auto-layout > .ui-table-wrapper {
overflow: hidden !important;
}
2) set [scrollable]=true, which is counter intuitive. This forces the table to use the ui-table-scrollable-wrapper class which does not have the above problem

I think the correct solution is to remove the following style from the control:
.ui-table-auto-layout > .ui-table-wrapper {
overflow-x: auto;
}

merve7
Posts: 861
Joined: 12 Sep 2017, 10:44

14 Jun 2018, 09:54

Thank you for feedback.
We will review and get back to you.

Post Reply

Return to “Avalon - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 3 guests