Jak mogę zbudować nagłówek tabeli obejmujący wiele wierszy w HTML?
Chciałbym zbudować taki stół:
| Major Heading 1 | Major Heading 2 |
| Minor1 | Minor2 | Minor3 | Minor4 |
----------------------------------------------
| col1 | col2 | col3 | col4 |
rest of table ...
Widząc, że na elementy TH jest tylko 1 wiersz, jak mogę skonstruować wiersz nagłówka, taki jak ustawione w linii kolumny? Tabele hierarchiczne nie wydają się dobrą opcją, ponieważ szerokości kolumn nie są wyrównane, a także nie mogę użyć dwóch wierszy z tagiem TH z colspan.
Nie znaleziono powiązanych wyników
Zaproszony:
Aby odpowiedzieć na pytania, Zaloguj się lub Zarejestruj się
4 odpowiedzi
Anonimowy użytkownik
Potwierdzenie od:
http://jsfiddle.net/7pDqb/
http://jsfiddle.net/7pDqb/) testowane w Chrome.
<div class="snippet-code">
<div class="snippet" data-babel="false" data-console="true" data-hide="false" data-lang="js">
<pre class="snippet-code-css lang-css prettyprint-override">
<pre class="snippet-code-html lang-html prettyprint-override">
Anonimowy użytkownik
Potwierdzenie od:
Rozszerzając odpowiedź tvanfosson, użyłbym
Atrybut dla elementówhttps://developer.mozilla.org/ ... nt/th
do celów semantycznych i
dostępność
http://www.w3.org/WAI/GL/WCAG2 ... .html
:
<div class="snippet-code">
<div class="snippet" data-babel="false" data-console="true" data-hide="false" data-lang="js">
<pre class="snippet-code-css lang-css prettyprint-override">
<pre class="snippet-code-html lang-html prettyprint-override">
Anonimowy użytkownik
Potwierdzenie od:
Oto przykład. Zobacz i poniżej:
Tutaj
fiddle
http://jsfiddle.net/u3qw0cnn/1/
.
Anonimowy użytkownik
Potwierdzenie od:
(Zwróć uwagę, że wyrenderowane znaczniki w przykładowej tabeli w witrynie internetowej różnią się nieco od tego, co pokazują w przykładowych znacznikach. Zobacz łącze i sprawdź przykładową tabelę).
Źródło:
https://www.w3.org/WAI/ tutorials/table/invalid/# table-with-two-tier-headers
https://www.w3.org/WAI/tutorials/tables/irregular/