Есть ли способ сделать вертикальные линии в таблице с помощью JavaScript, HTML или CSS, если в таблице отсутствуют некоторые из TD?

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

Я открыт для использования divs или чего-то подобного, если это не слишком сложно.

РЕДАКТИРОВАТЬ: я думаю, что я хочу, чтобы разделители столбцов, даже если в этом конкретном ряду нет тдс.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title>sample</title>
        <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
        <style type="text/css">
            .sample td{border-left: 1px solid red}
        </style>
    </head>
    <body>
        <table cellspacing='0' class='sample'>
            <tr>
                <td>Test</td><td>Test</td>
            </tr>
            <tr>
                <td>Test</td><td>Test</td><td>Test</td><td>Test</td><td>Test</td>
            </tr>
            <tr>
                <td>Test</td><td>Test</td><td>Test</td><td>Test</td>
            </tr>
        </table>
    </body>
</html>

Источник

1 ответ

Решение

Перепишите так, это то, что вы пытаетесь достичь?

<body>
            <table cellspacing='0' class='sample'>
                <tr>
                    <td>Test</td><td>Test</td><td></td><td></td><td></td>
                </tr>
                <tr>
                    <td>Test</td><td>Test</td><td>Test</td><td>Test</td><td>Test</td>
                </tr>
                <tr>
                    <td>Test</td><td>Test</td><td>Test</td><td>Test</td><td></td>
                </tr>
            </table>
</body>
Источник
Другие вопросы по тегам