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: 613 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: 57 | Odpowiedzi: 3163

...

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: 440

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. [OT] Gigabit w domu 0 maxior13290 Dziś 18:02
2. Artykuł - Ni no Kuni II: Revenant Kingdom - recenzja 5 daniel_wl | Piter666 Dziś 12:12
3. News - Sztuczna inteligencja uzupełnia zdjęcia. Oto Photosho... 6 filip.m | cari0cas Dziś 12:08
4. Wątek rozwiązany [GIEŁDA] [S] rowerek biegowy Puky XL 7 lonio | BIZKITek Dziś 11:54
5. [GIEŁDA] [K] Premium SMS za 50% wartości 7 Sef_FBI | Sef_FBI Dziś 11:51
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