Javascript 隐藏行的Html表格
Javascript 隐藏行的Html表格,javascript,html,css,html-table,Javascript,Html,Css,Html Table,A. B 10 10 月 储蓄 一月 $100 您可以使用以下css: JSFIDDLE HTML <table id="thetable"> <tr><td>A</td><td>B</td><td>C</td></tr> <tr><td>2</td><td>2</td><td>2</td>
A.
B
10
10
月
储蓄
一月
$100
您可以使用以下css:
JSFIDDLE
HTML
<table id="thetable">
<tr><td>A</td><td>B</td><td>C</td></tr>
<tr><td>2</td><td>2</td><td>2</td></tr>
</table>
试试这个
HTML
您需要在表标记上设置css属性
边框
和边框折叠
,并为td设置右边框。
表格{
边框:1px纯黑;
边界塌陷:塌陷;
宽度:100%;
}
运输署{
右边框:1px纯黑;
文本对齐:居中;
填充物:5px;
}
A.
B
C
D
你说的不清楚,请发布你的代码,不管你有什么,在这里创建演示嗨,你看不到屏幕快照吗不,发布一个更大的。坦白地说,我试着用我所知道的方法给出答案来解决这个问题,没有别的办法。
<table id="thetable">
<tr><td>A</td><td>B</td><td>C</td></tr>
<tr><td>2</td><td>2</td><td>2</td></tr>
</table>
#thetable {
border: 2px solid gray;
background: lightgray;
border-spacing: 0px;
border-collapse: collapse;
}
#thetable td{
border-right: 2px solid gray;
padding: 20px;
}
<table style='border:solid' cellpadding="10" cellspacing="0">
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
</tr>
<tr>
<td>2</td>
<td>2</td>
<td>2</td>
</tr>
</table>
td{border-right:solid}