CODEWITHSUNDEEP
cssreactjs
Alvin Mathis
Alvin Mathis

Reputation: 110

Is it Possible to style Table horizontal scrollbar?

Is it possible to style horizontal scroll bar in Table, it's so ugly ?

import { Row, Col, Modal, Table } from 'reactstrap';
<Table bordered responsive>
...
</Table>

enter image description here

Upvotes: 0

Views: 206

Answers (1)

Prakhar Mittal
Prakhar Mittal

Reputation: 6485

This link should be helpful. https://css-tricks.com/almanac/properties/s/scrollbar/ jsfiddle for the example: https://jsfiddle.net/prak_mtl/ta3spmgu/5/

tableWrapperClassName::-webkit-scrollbar {
  width: 1em;
}

tableWrapperClassName::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

tableWrapperClassName::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

Upvotes: 1

Related Questions