Responsywne 2 tabeli na telefonie wielki problem

  • Sprawdź bezpośredni link do posta
  • Statsy wątku

gimi22 | 23.03.2018 00:16 | Odpowiedzi: 9 | Śledzony: 0 | Czytano: 751 razy

Wątków: 134 | Odpowiedzi: 262

Cześć. Tworzę własną stronę z gotowych komponentów i mam ogromny problem a mianowicie stworzyłem na stronie tabelkę która świetnie jest responsywna ale problem polega na tym że koszyk do zakupów w trakcie responsywności „bierze jej wartości” ponieważ sam jest jako inna osobna tabelka. Czy da się jakoś stworzyć 2 osobne tabelki z „td”? Tutaj jest przykład mojej tabelki nie mogę 2 zrobić i cała ciężka praca stanęła

Autor wskazał następujące odpowiedzi jako rozwiązanie swojego problemu:

Skocz do ostatniej odpowiedzi | Pierwszy post na stronie

Odpowiedzi:

23.03.2018 00:37

Wątków: 134 | Odpowiedzi: 262

Skrypt którego użyłem do tabelki:

https://css-tricks.com/responsive-data-tables/

23.03.2018 09:01

Wątków: 59 | Odpowiedzi: 3228

...

ja nic z tego nie rozumiem co napisałeś.
Może jakoś rozwiń. Napisz jakie masz tabelki. Co w której jest. I jakie wartości są problemem i z której.

...

23.03.2018 09:49

Wątków: 134 | Odpowiedzi: 262

Najprościej

Chciałbym stworzyć np 2 różne tabele przy użyciu skryptu z powyższego linku. Tabelki po zeskalowaniu do ekranu telefonu powinny mieć swoje „nagłówki” przypisuje się je sztywno w kodzie strony ale nie wiem jak przypisać do 2 różnych tabelek. Ponieważ po zeskalowaniu mam w 2 te same nazwy nagłówków.

23.03.2018 10:00

Wątków: 29 | Odpowiedzi: 443

Ubierz obydwie tabele w <div style="position:relative"></div>

23.03.2018 10:04

Wątków: 134 | Odpowiedzi: 262

Najlepiej byłoby gdyby ktoś pobrał ten przykład z linku dodał drugą tabelkę z innym tekstem w nagłówkach i w przeglądarce zmniejszył okno aż zeskakuje się automatycznie.

23.03.2018 10:07

Wątków: 134 | Odpowiedzi: 262

Tabelki mają średnio 5-6 kolum w tradycyjny sposób tak się ich nie zmieści.

  • Ten post pomógł rozwiązać problem
  • Sprawdź bezpośredni link do posta

23.03.2018 10:18

Wątków: 1 | Odpowiedzi: 27

Dodaj sobie klasy do tych tabel i zamień wpisy z contentem na coś w stylu:

table.table-one td:nth-of-type(1):before { content: "First Name"; }
table.table-two td:nth-of-type(1):before { content: "First Name in other table"; }

23.03.2018 13:11

Wątków: 134 | Odpowiedzi: 262

Dzięki. Czy mógłbym cię prosić o krótki przykład odwołania w tabeli do tego ? Zapewne będę próbować po przyjsciu z pracy ale mam kilka teorii

23.03.2018 14:40

Wątków: 134 | Odpowiedzi: 262

Udało się

Dzięki wielkie wpisałem do tabeli:

<table class="table-one">



I działa świetnie. Cała praca nie poszła na marne Ikona: :)

Aby dodać odpowiedź zaloguj się.

Ostatnie tematy na boardzie
1. pentium 200 mmx 4 Neuromancer_Theta | Neuromancer_Theta 21.07.2018
2. Wydajność Samsung EVO970 250GB (MZ-V7E250BW) za mała ? 15 bako | Jarooo 21.07.2018
3. Co Ci siedzi w trayu? 19 boomshanka | DeathClaw 21.07.2018
4. tablet uparcie formatuje 5 cacodemon | MeloN_tm 21.07.2018
5. Jakie urządzenia do domowego WiFi 300Mb/s 12 keraM | zlotnik 21.07.2018
Poprzednie-Następne
1. [OT] Pożyczę grę Rock Band 3 na konsolę Xbox 360 0 _Doman_ 22.03.2018
2. News - Cyberpunk 2077 gotowy na ... next-geny 6 daniel_wl | k23 22.03.2018
3. [OT] Jakie słuchawki 37 outsider | RooMaN 22.03.2018
4. [OT] Budowa domu pytanie 26 greego | lonio 23.03.2018
5. Jaka sprawdzona przjściówka USB3.0->HDMI 16 ::LinX:: | ::LinX:: 23.03.2018
6. News - Corsair przedstawia nowe chłodzenie wodne H60 2 daniel_wl | Captain_Hook 23.03.2018