Custom scrollbar for Datatable

UI Components for React
Post Reply
lakshmigandh
Posts: 2
Joined: 01 Aug 2020, 17:01

02 Aug 2020, 09:50

Does anyone have any idea for having custom/slim scrollbar for Datatable body.

Much appreciated.

mert.sincan
Posts: 5111
Joined: 29 Jun 2013, 12:38

10 Oct 2020, 23:47

Hi,

Sorry for the delayed response! Please see my comment;
https://github.com/primefaces/primereac ... -703842293

Best Regards,

sancelot
Posts: 3
Joined: 01 Jul 2022, 09:52

22 Jul 2022, 10:19

I managed to customize the scrollbar for other components, using this technic. but for datatable scrollbar, I don't manage to do it .

Melloware
Posts: 3247
Joined: 22 Apr 2013, 15:48

22 Jul 2022, 14:46

This works fine for me to customize the datatable scrollbar...

Code: Select all

body .p-datatable {
  scrollbar-color: red yellow;
}
PrimeFaces Developer | PrimeFaces Extensions Developer
GitHub Profile: https://github.com/melloware
PrimeFaces Elite 11.0.3 / PF Extensions 11.0.3
PrimeReact 8.0.0

sancelot
Posts: 3
Joined: 01 Jul 2022, 09:52

22 Jul 2022, 21:21


Melloware
Posts: 3247
Joined: 22 Apr 2013, 15:48

22 Jul 2022, 21:40

Sorry Chrome is different. Fixed your sandbox..

https://codesandbox.io/s/primereact-scr ... styles.css
PrimeFaces Developer | PrimeFaces Extensions Developer
GitHub Profile: https://github.com/melloware
PrimeFaces Elite 11.0.3 / PF Extensions 11.0.3
PrimeReact 8.0.0

Post Reply

Return to “PrimeReact”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests