我想在 html 表格中逐行總結彩色單元格。所以我必須設置匯總單元格，但它似乎有點錯位。我想要的結果如下所示。有什么方法可以實現嗎？謝謝td {padding:5px;border:solid black 1px;}table {border-collapse:collapse;float:left; table-layout: fixed; }<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><table><tr><td>1</td><td>2</td><td>3</td></tr><tr><td>4</td><td>5</td><td>6</td></tr><tr><td>7</td><td>8</td><td>9</td></tr></table><table style="margin-left:20px"> <tr> <td>yellow</td> <td>aqua</td> </tr> <tr> <td></td> <td></td> </tr> <tr> <td></td> <td></td> </tr> <tr> <td></td> <td></td> </tr> </table>
1 回答
飲歌長嘯
TA貢獻1951條經驗 獲得超3個贊
制作相同的表格結構，并使用透明邊框。
還用于 保持單元格的高度。
#table1 tr:first-child td {
border-top: solid transparent 1px;
border-left: solid transparent 1px;
border-right: solid transparent 1px;
}
td {
padding:5px;
border:solid black 1px;
}
table {
border-collapse:collapse;
float:left;
table-layout: fixed;
width: 10rem;
height: 10rem;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="table1">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
</table>
<table style="margin-left:20px">
<tr>
<td>yellow</td>
<td>aqua</td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
- 1 回答
- 0 關注
- 107 瀏覽
添加回答
舉報
0/150
提交
取消