Подтвердить что ты не робот

Могу ли я иметь заголовок таблицы HTML над двумя столбцами таблицы? Как слияние и центр в Excel?

Я хочу, чтобы один столбец таблицы был центрирован над двумя столбцами таблицы рядом. Возможно ли это?

4b9b3361

Ответ 1

<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

Если у вас есть только 2 столбца, я бы предложил использовать <caption>. В противном случае используйте colspan, как предложено в других ответах.

<table>
  <caption>This will span all columns.</caption>
  <tr><td>column one</td><td>column two</td></tr>
</table>

Ответ 3

Конечно. См. эту страницу. Вы ищете атрибут под названием colspan для ячеек заголовков таблиц.

Ответ 4

Мы можем сделать это лучше.

<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, если вы хотите узнать больше.