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

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

0 голосов
/ 30 января 2011

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

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

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

</p> <pre> <!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></pre> <p>

1 Ответ

1 голос
/ 30 января 2011

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

<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>
...