(DataTable)With horizontal scrolling enabled, horizontal scrollbar disappears if no rows are rendered.

UI Components for React
Post Reply
Hania
Posts: 1
Joined: 07 Jul 2021, 15:23

07 Jul 2021, 16:15

https://github.com/primefaces/primereact/issues/2164

When filter settings changed so no rows are displayed, the horizontal scrollbar disappears.
This restricts access to filter offscreen with changed settings, so the settings can't be modified to get the rows or scrollbar back.
part of current code:
" <DataTable ref={dataTableRef}
paginator
value={props.rows}
scrollable
resizableColumns
reorderableColumns
columnResizeMode="expand"
style={{ width: 'calc(100% - 10px)' }}
sortMode="multiple"
"
As far as tested;
The issue is in Chrome and Microsoft Edge.
Firefox works well.

Thanks

fernandotholl
Posts: 3
Joined: 24 Jun 2021, 01:53

08 Jul 2021, 00:32

@Hania,
Sorry to post out of context, but could you tell me how you managed to customize the column headers?
I tried something similar here viewtopic.php?f=57&t=67740, but to no avail.

liamoshea
Posts: 9
Joined: 15 Jan 2021, 20:32

09 Jul 2021, 14:45

@fernandotholl

I am Hania's teammate. I customized the header by creating my own header component as a separate js file and supplied it as a prop to the Column component with the key "header". Let me know if you have any specific questions

Post Reply

Return to “PrimeReact”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 5 guests