Могу ли я иметь один заголовок таблицы HTML более двух столбцов таблицы?Как слияние и центр в Excel?
-
14-11-2019 - |
Вопрос
Я хочу, чтобы один заголовок стол сосредоточен на двух столбцах стола рядом.Это возможно?
Решение
<th colspan="2">. This .</th>
для экстраполяции немного ...
<table>
<thead>
<tr>
<th>Single Column</th>
<th colspan="2">Double Column</th>
</tr>
</thead>
<tbody>
<tr>
<td>Column One</td>
<td>Column Two</td>
<td>Column Three</td>
</tr>
</tbody>
</table>
.
Это должно дать вам достаточно для работы.
Другие советы
Если у вас есть только 2 столбца, то я бы предложил использовать <caption>
.В противном случае используйте Colspan, как предложено в других ответах.
<table>
<caption>This will span all columns.</caption>
<tr><td>column one</td><td>column two</td></tr>
</table>
. конечно.Пожалуйста, обратитесь к Это страница .Вы ищете атрибут под названием colspan
для ячеек для заголовков таблиц.
Мы можем сделать это лучше.
<table border="1">
<tr>
<th colspan="1" scope="colgroup">Test Heading</th>
<th colspan="3" scope="colgroup">Mars</th>
<th colspan="3" scope="colgroup">Venus</th>
<th colspan="3" scope="colgroup">Test</th>
</tr>
<tr>
<th rowspan="2"></th>
<th scope="col">Produced</th>
<th scope="col">Sold</th>
<th scope="col">Sold</th>
<th scope="col">Produced</th>
<th scope="col">Sold</th>
<th scope="col">Sold</th>
<th scope="col">Test 1</th>
<th scope="col">Test 2</th>
<th scope="col">Test 3</th>
</tr>
</table>
.
Пожалуйста, посетите Таблица Ref из w3.org Если вы хотите узнать больше.
Не связан с StackOverflow