2010-09-03 112 views
0

我只需要显示我的普通html表格,其中它只显示行和隐藏列中的行,以便另一个人看到它,认为它是一列有一列,但实际上它有多列...我不能使用合并单元格,因为我需要的列本身...表格显示格式

请帮助 感谢..

+0

一张表格显示一列,但有很多列?你的问题很不明确 - 请仔细阅读,如果有人不了解上下文可以理解并重写,以便其他人能理解它。 – Oded 2010-09-03 07:21:33

回答

0

使用CSS样式表格:

td { 
    border-bottom: 1px; 
    border-top: 1px; /* optional, you will have to play with the formatting */ 
    border-left: none; 
    border-right: none; 
} 

这将使一个顶部和底部边框每个数据单元,它应该做你需要什么。使用格式来播放一点,以确保您的播放正确无误。

1

关闭边境关闭您:<table border="0" class="thisTable">,并给它一个像类的例子。然后下面的行添加到您的CSS:

table.thisTable { 
border-bottom:1px #000 solid; 
// edit: 
border-spacing:none; // you need this to take away spacing you still see 
border-collapse:collapse; // you need this to take away spacing you still see 
} 

table.thisTable td { 
border-top:1px #000 solid; 
} 

这将在顶部每个TD添加边框和表底了与底边框。

希望这会有所帮助。

//编辑:

添加类各<tr>的第一个和最后<td>和定义你的CSS下面还有:

table.thisTable td.first { 
border-left:1px #000 solid; 
} 

table.thisTable td.last { 
border-right:1px #000 solid; 
} 

这将圆边框很好地衬托沿桌子的边缘。

+0

很好的答案。比我自己的解决方案更优雅。 – 2010-09-03 07:23:38

+0

这是接近我所需的解决方案,但我仍然需要更多关于此问题的建议, ,因为我使用的是背景颜色,它仍然在列线上显示一些列阴影或标记。我需要删除这个。 谢谢 – soorajthomas 2010-09-03 08:17:31

+0

Sooraj,我解决了我的答案,以解决列之间的间距。往上看。 – 2010-09-08 13:29:41