2016-01-14 4 views
3

Я хочу сделать стол. Я знаю, как сделать в простой таблице html. Я хочу иметь несколько заголовков. Несколько типов заголовков, похожих на фото. Я не знаю его количества, я бы сосчитал это в своей программе. Что я должен использовать, что мне читать?Html Как сделать таблицу с несколькими заголовками?

Я попытался это:

<table border="1" width="100%"> 
<tr> 
    <th>AAA1</th> 
    <th>AAA2</th> 
</tr> 
<tr> 
    <th>KKK1</th> 
    <th>KKK2</th> 
    <th>KKK3</th> 
    <th>KKK3</th> 
</tr> 

<tr> 
    <th>PPP1</th> 
    <th>PPP2</th> 
    <th>PPP3</th> 
    <th>PPP4</th> 
    <th>PPP5</th> 
</tr> 
</table> 

Но я знаю, что это слишком просто и не даст мне что-то похожее на картину. Я читал о colspan, но это не даст мне результата, который я хочу. Может быть, есть бутстрап?

enter image description here

+0

Кто-нибудь? Некоторые идеи? – kkkkk

+1

* Что я должен использовать, о чем читать? * Изучите JavaScript, поскольку вы, очевидно, описываете необходимость динамического изменения структуры таблицы в соответствии с неизвестными требованиями. – zer00ne

+0

Я предпочитаю избегать JavaScript, потому что я никогда не использовал его. Я буду определять в своей базе данных количество каждой группы. Может быть, что-то с css. Но что? Может быть, я могу попробовать отобразить одну таблицу на другую? – kkkkk

ответ

0

Вы можете иметь различные заголовки для различных строк. Существует good example on the W3 site. Если у вас есть вопросы о допустимости разметки, вы можете использовать the W3 validator web page, чтобы проверить свой HTML.

+0

Я видел эту страницу, и я написал, что: «colspan» не будет работать для меня. Посмотрите на картинку, эта третья строка: «L1, L2, L3 ...». Каждая из этих групп (Cw, Ps, L) имеет отдельный цвет для данных и собственных линий. Если бы я знал, что, например, группа «Ps» будет половиной «Cw», я бы использовал colspan. Но я не знаю. Cw может быть 10, но L, например 17 – kkkkk

0

Если вы хотите иметь некоторые заголовки для заголовка, вы можете использовать colspan attrebute, например, если вы хотите иметь 2 заголовка для заголовка, вы можете использовать colspan = «2» для первого заголовка Мне жаль, что я не понял ваше значение.

также для таблиц, не для этой проблемы вы можете использовать class = "table" из бутстрапа.

Смежные вопросы