Как добавить HTML-таблицу с несколькими заголовками?

Я хочу создать таблицу с несколькими заголовками. Дизайн стола есть:

Ссылка на HTML-таблицу с несколькими заголовками


html bootstrap-table database-design
person BM RAFIQ    schedule 10.05.2017    source источник
comment
Что тебя останавливает?   -  person JJJ    schedule 10.05.2017
comment
Добро пожаловать в Переполнение стека! Вам нужно попытаться написать код самому. Выполнив исследование, вы по-прежнему есть проблема, вы можете опубликовать то, что вы пробовали, с четким объяснением что не работает и предоставить Минимальный, полный и проверяемый пример. Прочитайте Как задать хороший вопрос. Кроме того, обязательно посетите тур.   -  person Sank6    schedule 10.05.2017

Ответы (1)


arrow_upward
14
arrow_downward

Взгляните на это fiddle

Все о colspan и rowspan

<table>
    <thead>
        <tr>
            <th rowspan="2" colspan="1" >
                Client Name
            </th>
            <th rowspan="2" colspan="1">
                Date
            </th>
            <th rowspan="1" colspan="5">
                All Appointments
            </th>
            <th rowspan="1" colspan="3" >
                Fulfilled Appointments
            </th>
        </tr>
        <tr>
            <th>Total number of individual appointments</th>
            <th >Hours Of Care Delivered</th>
            <th>Total Value</th>
            <th>Average Cost Per Hour</th>
            <th>Average Cost Per Hour Per Carer</th>
            <th>Total Number</th>
            <th>Hours Of Care Fulfilled</th>
            <th>Total Value</th>
        </tr>
    </thead>
    <tbody></tbody>
</table>
person Vincent Vinnicombe    schedule 10.05.2017