Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [php][css][js] blokowanie zawartości tabeli jak w excelu
Forum PHP.pl > Forum > Przedszkole
TomASS
Cześć,

Czy udało się komuś z Was, w elegancki, działający oraz prosty sposób zablokować nagłówki w tabeli HTML, tak jak to się robi w Excelu?
Chciałbym przewijać zawartość tabeli i zablokować nagłówki.
wookieb
  1. ... tutaj twoje naglowki
  2.  
  3. <div style="width: 300px; height: 300px; overflow: auto;>
  4. Tutaj twoja tabela z danymi
  5. </div>
TomASS
Tabelka ma tą fajną zaletę, że rozciągnięcie pola (np. przez większą ilość tekstu) wpływa na wszystkie komórki w kolumnie. Tutaj jak w <div> dam w jakiejś komórce długi tekst, to nagłówek mi się nie rozciągnie - musiałbym ustawić wszystkie kolumny na stałe szerokości, co nie wchodzi w grę :/
Fifi209
W divie masz zrobić tabelkę, nie wiem czego nie rozumiesz.
TomASS
nie piszę, że nie rozumiem, piszę tylko, że Twoje rozwiązanie ma wadę która je dyskwalifikuje w użyciu dla mnie:

Dam Ci przykład
W pierwszej tabelce robię np. 3 kolumny (nagłówki)
  1. <table><tr><td>raz</td><td>dwa</td><td>trzy</td></tr></table>

a druga tabela jest generowana na podstawie danych z BD i wychodzi

  1. <table><tr><td>1</td><td>123455678901221321</td><td>3</td></tr></table>

to powiedz mi, jak szerokość kolumn w drugiej tabeli (kolumna 2 rozciągnie się) ustawi automatycznie szerokość kolumn w pierwszej?

zrób sobie stronę:
  1. <tr>
  2. <td>raz</td>
  3. <td>dwa</td>
  4. <td>trzy</td>
  5. </tr>
  6.  
  7. <div style="width: 300px; height: 300px; overflow: auto;>
  8. <tr>
  9. <td>1</td>
  10. <td>12345678901234567890</td>
  11. <td>3</td>
  12. </tr>
  13. </div>

to zrozumiesz o czym piszę
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.