2011-01-30 2 views
0

В принципе, я бы хотел, чтобы вертикальные линии проходили вплоть до верхней части таблицы, даже если в верхней части таблицы нет td.Есть ли способ сделать вертикальные линии в таблице, с JavaScript, HTML или CSS, если в таблице отсутствуют некоторые из TD?

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

EDIT: Я думаю, что я хочу, это разделители столбцов, даже если в этой строке нет tds.

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

+0

Uhm, по 'vertical lines' Вы имеете в виду границы ячеек? BTW, не может быть больше ячеек подряд, чем в другом, используйте colspan, если вы хотите заполнить дополнительное пространство, избегая писать пустое –

+0

Я имею в виду любые вертикальные линии. –

+0

Я не хочу, чтобы tds расширялись. Если бы я использовал colspan, это увеличит tds. –

ответ

1

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

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