• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Tabelka Bootstrap 3, responsywność na telefon

0 głosów
974 wizyt
pytanie zadane 18 grudnia 2017 w HTML i CSS przez Ziuziek Mądrala (5,140 p.)
Cześć jakby ogarnąć to że tabela ma tyle kolumn, że przy wersji mobilnej się nie mieści w ekranie i wychodzi poza ekran, co byście zaproponowali żeby to naprawić??

 

https://codepen.io/anon/pen/EoPQNB

1 odpowiedź

0 głosów
odpowiedź 18 grudnia 2017 przez pablop76 VIP (123,640 p.)
wybrane 18 grudnia 2017 przez Ziuziek
 
Najlepsza

Witam. Obudowujesz tabele w diva, któremu dajesz scrolla.

Coś takiego

.table-responsive{
  width: 100%;
  overflow-x: auto;
}

 

komentarz 18 grudnia 2017 przez Ziuziek Mądrala (5,140 p.)
To bedzie najlepsze rozwiazanie ? :P
komentarz 18 grudnia 2017 przez pablop76 VIP (123,640 p.)

Zależy co potrzeba.

Responsive Tables Demo

Podobne pytania

–1 głos
1 odpowiedź 1,072 wizyt
pytanie zadane 23 stycznia 2018 w HTML i CSS przez Damian Prymus Początkujący (380 p.)
0 głosów
1 odpowiedź 241 wizyt
pytanie zadane 1 grudnia 2017 w HTML i CSS przez Ziuziek Mądrala (5,140 p.)
0 głosów
1 odpowiedź 306 wizyt
pytanie zadane 20 stycznia 2018 w HTML i CSS przez Ziuziek Mądrala (5,140 p.)

93,667 zapytań

142,589 odpowiedzi

323,130 komentarzy

63,193 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Twierdza Linux. Bezpieczeństwo dla dociekliwych

Aby uzyskać rabat -10%, użyjcie kodu pasja-linux, wpisując go w specjalne pole w koszyku.

...