Bootstrap table on mobile

0

I have a rather large table I used this Bootstrap code.

<div class="table-responsive">
<table class="table">
...
</table>
</div>

But in mobile only the first 3 columns appear and hides the rest. can I change to show the entire table, or does a scroll bar appear?

    
asked by anonymous 12.07.2016 / 00:27

1 answer

1

The property for the scroll bar is overflow.

table{
  overflow: scroll;   /* Sempre aparece a barra de rolagem */
  overflow: auto;     /* Automaticamente verifica se precisa da barra */
}

But as you commented that it is mobile, I would recommend this article: link

In a responsive mobile design the user should not need to zoom or scroll horizontally.

    
09.08.2016 / 22:19