Table bootstrap, on mobile

Asked

Viewed 994 times

0

I have a little big table I used this Bootstrap code.

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

But in mobile only appears the first 3 columns and hides the rest. has how to change to show the whole table, or appear a scroll bar?

twitter-bootstrap bootstrap-3
  • 1

    The scroll bar should appear normally. Try moving the table to check the other columns.

  • Actually the bar does not appear but if moving the table, will appear the other columns :), it was even worth.

1 answer

1


Property for 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 is mobile I would indicate this article: https://css-tricks.com/responsive-data-tables/

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

Browser other questions tagged twitter-bootstrap bootstrap-3

You are not signed in. Login or sign up in order to post.