How to add horizontal scrollbar on top and bottom of table with CSS?

Sometimes, to add horizontal scrollbar on top and bottom of table with the help of CSS.

How to add horizontal scrollbar on top and bottom of table with the help of CSS, we wi’ll look at in this article.

How to add horizontal scrollbar on top and bottom of table with CSS?

First we have to rotate the parent and child containers to add horizontal scrollbar on top and bottom of the table through CSS by 180 degrees.

For instance, we can also write

.parent {
  transform: rotateX(180deg);
  overflow-x: auto;
}

.child {
  transform: rotateX(180deg);
}

to set transform to rotateX(180deg) to rotate the parent and child.

Conclusion

We rotate the parent and child containers to add horizontal scrollbar by 180 degrees on top and bottom of table with CSS.