Боковые заголовки в подмостках

Как я могу создавать боковые заголовки левша в подмостках? Например, у меня есть следующая таблица:

<table border="1" cellspacing="0">
    <thead>
        <tr>
            <th>Titulo 1</th>
            <th>Titulo 2</th>
            <th>Titulo 3</th>
            <th>Titulo 4</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Ejemplo 1</td>
            <td>Ejemplo 2</td>
            <td>Ejemplo 3</td>
            <td>Ejemplo 4</td>
        </tr>
        <tr>
            <td>Ejemplo 1</td>
            <td>Ejemplo 2</td>
            <td>Ejemplo 3</td>
            <td>Ejemplo 4</td>
        </tr>
        <tr>
            <td>Ejemplo 1</td>
            <td>Ejemplo 2</td>
            <td>Ejemplo 3</td>
            <td>Ejemplo 4</td>
        </tr>
    </tbody>
    <tbody style="background: #bdbdbd;">
        <tr>
            <td>Ejemplo 1</td>
            <td>Ejemplo 2</td>
            <td>Ejemplo 3</td>
            <td>Ejemplo 4</td>
        </tr>
        <tr>
            <td>Ejemplo 1</td>
            <td>Ejemplo 2</td>
            <td>Ejemplo 3</td>
            <td>Ejemplo 4</td>
        </tr>
        <tr>
            <td>Ejemplo 1</td>
            <td>Ejemplo 2</td>
            <td>Ejemplo 3</td>
            <td>Ejemplo 4</td>
        </tr>
    </tbody>
    <tbody>
        <tr>
            <td>Ejemplo 1</td>
            <td>Ejemplo 2</td>
            <td>Ejemplo 3</td>
            <td>Ejemplo 4</td>
        </tr>
        <tr>
            <td>Ejemplo 1</td>
            <td>Ejemplo 2</td>
            <td>Ejemplo 3</td>
            <td>Ejemplo 4</td>
        </tr>
        <tr>
            <td>Ejemplo 1</td>
            <td>Ejemplo 2</td>
            <td>Ejemplo 3</td>
            <td>Ejemplo 4</td>
        </tr>
    </tbody>
    <tbody style="background: #bdbdbd;">
        <tr>
            <td>Ejemplo 1</td>
            <td>Ejemplo 2</td>
            <td>Ejemplo 3</td>
            <td>Ejemplo 4</td>
        </tr>
        <tr>
            <td>Ejemplo 1</td>
            <td>Ejemplo 2</td>
            <td>Ejemplo 3</td>
            <td>Ejemplo 4</td>
        </tr>
        <tr>
            <td>Ejemplo 1</td>
            <td>Ejemplo 2</td>
            <td>Ejemplo 3</td>
            <td>Ejemplo 4</td>
        </tr>
    </tbody>

и так видели бы в браузере:

introducir la descripción de la imagen aquí

Поскольку они могут видеть, я имею разрезанные tbody из-за цвета, так как это должный быть быть так, я хочу добавить дополнительный заголовок левой стороны к каждой из этих tbody чтобы показывать расставание, что-то подобное закладкам

Заметь: Я попытался с rowspan и идея состоит в том, чтобы они не были внутри таблицы, если не в сторону, как закладки.

как я это делаю? Спасибо!!

5
задан 01.03.2017, 20:11
0 ответов