Regarding Responsive Table.

Mandar Shinde

Dear All,

I am beginner in WEB developement.

I was creating one component using Angular 5 and ASP .Net MVC.

While creating component I am facing one problem regarding designing.

I use dynamic table to show my data. When I am trying to show data using Bootstrap table, I want scrollbar on both sides.

I have tryied with overflow : scroll property. But along with that I have to mention height of table to 300px then and then only I am getting "Vertical" scrollbar same for width.

It is fine if height is 300px, but I want width should be 100% and I want "Horizontal" scrollbar.

Please help me to overcome above problem.

Thanking You in advance.

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Mandar Shinde7y ago
Piyush Sir,
I am not using Angular material or I don't want to use it.
I am so sorry for that.
I have already used second option in my component, but still I am getting appropriate result.
Piyush Pansuriya7y ago
Hi,
Please go through the below link:
https://mdbootstrap.com/docs/angular/tables/scroll/

https://www.dotnettricks.com/learn/stylesheet/css-to-show-only-horizontal-and-vertical-scroll-bar-in-div