Возможно ли оформить таблицу горизонтальной полосой прокрутки?

Question

Можно ли стилизовать горизонтальную полосу прокрутки в таблице, это так некрасиво?

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

Answer 1

Эта ссылка должна быть полезной. https://css-tricks.com/almanac/properties/s/scrollbar/ jsfiddle для примера: 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;
}