When react uses ant design, to use table components, if there is a lot of data, you need to use scrollbars. How to beautify scrollbars?

< H2 > when react uses ant design, to use table components, if there is a lot of data, you need to use scrollbars. How to beautify scrollbars? < / H2 >

with css, only chrome is possible.
my initial idea is to use the react-custom-scrollbars plug-in.
to do this, you need to rewrite the ant design component, but you can"t do that. Then you want to use high-level components to reverse inheritance, and then change the dom structure of table components, insert react-custom-scrollbars, without modifying the and, encapsulate a component for your own use. I don"t know if you read it or not, and ask for expert advice.

as shown in the picture, this kind of scroll bar is not very good-looking

sources of topics and their own ideas

related codes

/ / Please paste the code text below (do not replace the code with pictures)

what result do you expect? What is the error message actually seen?

Jan.24,2022

use react-custom-scrollbars to beautify the scroll bar.
check the address: https://blog.csdn.net/sillies.


set the style of columns.

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3789c-410e1.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3789c-410e1.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?