As it stands setting the max width to none manually solved the issue on iphones. The solution you propose doesn t work in all situations.
So in mobile view you get the scrolling as desired and in larger views the table is not responsive and thus displayed full width as desired.
Bootstrap table responsive not working. Table class table table responsive sm your table table this applies the responsiveness aspect only to the sm view mobile. Bootstrap responsive tables definitely work on iphone. Here is the screenshot.
According to the bootstrap documentation the table with class table should be wrapped inside div with class table responsive. Here is my code. When one sets the responsive prop on b table it automatically adds a div class table responsive wrapper to the table note adding a second table responsive class will not work when there table is not wider than the parent container width the table width shrinks to fit the table content.
I m not sure what could ve caused it. In my case i found that hiding the table or it s container on page load using css display none was avoiding the responsive behaviour. I ve used them lots of times.
There must be some other css overriding the bootstrap styles turnip nov 18 15 at 18 24 sexyturnip you might be right.