如何删除特定列中的行边框？
我想建立一个包含三列的HTML表。在这三列之一中，我想从中删除行。
我尝试使用rowspan <table style="width:100%; margin-block-start: 5px;font-size:20px;border: 1px solid black;">
<tr>
<th style="padding: 15px;text-align: left;border: 1px solid black;">Tasks</th>
<th style="padding: 15px;text-align: left;border: 1px solid black;">Sales Performance</th>
<th style="padding: 15px;text-align: left;border: 1px solid black;">Staffs' Annual Leave</th>
</tr>
<tr>
<td style="padding: 15px;border: 1px solid black;"><i>Yesterday</i></td>
<td style="padding: 15px;border: 1px solid black;border-style: hidden;"></td>
<td style="padding: 15px;border: 1px solid black;">50</td>
</tr>
<tr>
<td style="padding: 15px;border: 1px solid black;"><i>Today</i></td>
<td style="padding: 15px;border: 1px solid black;border-style: hidden;"></td>
<td style="padding: 15px;border: 1px solid black;">50</td>
</tr>
<tr>
<td style="padding: 15px;border: 1px solid black;"><i>Tomorrow</i></td>
<td style="padding: 15px;border: 1px solid black;border-style: hidden;"></td>
<td style="padding: 15px;border: 1px solid black;">94</td>
</tr>
<tr>
<td style="padding: 15px;border: 1px solid black;"><i>Upcoming</i></td>
<td style="padding: 15px;border: 1px solid black;border-style: hidden;"></td>
<td style="padding: 15px;border: 1px solid black;">94</td>
</tr>
<tr>
<td style="padding: 15px;border: 1px solid black;"><i>Some other day</i></td>
<td style="padding: 15px;border: 1px solid black;border-style: hidden;"></td>
<td style="padding: 15px;border: 1px solid black;">94</td>
</tr>
</table>和import MyClass from '../MyClass';
test('navigation using javascript', () => {
const url = "someurl";
const spy = jest.spyOn(MyClass, 'eval');
MyClass.hopJavascript(url);
expect(spy).toHaveBeenCalled();
});
之类的代码，但它们无济于事。
{{1}}
我的期望
现实
6 个答案:
答案 0 :(得分：2)
尝试一下：
table {
border-collapse: collapse;
}
th, td {
margin: 0px;
padding: 15px;
border: 1px solid black;
}
td.no-data {
border: 0px;
}<table style="width:100%; margin-block-start: 5px;font-size:20px;border: 1px solid black;">
<tr>
<th>Tasks</th>
<th>Sales Performance</th>
<th>Staffs' Annual Leave</th>
</tr>
<tr>
<td><i>Yesterday</i></td>
<td class="no-data"></td>
<td>50</td>
</tr>
<tr>
<td><i>Today</i></td>
<td class="no-data"></td>
<td>50</td>
</tr>
<tr>
<td><i>Tomorrow</i></td>
<td class="no-data"></td>
<td>94</td>
</tr>
<tr>
<td><i>Upcoming</i></td>
<td class="no-data"></td>
<td>94</td>
</tr>
<tr>
<td><i>Some other day</i></td>
<td class="no-data"></td>
<td>94</td>
</tr>
</table>
答案 1 :(得分：1)
尝试将inline-style替换为class或data-attribute
table {
width: 100%;
font-size: 20px;
border-collapse: collapse;
}
th {
padding: 15px;
text-align: left;
border: 1px solid black;
}
td {
padding: 15px;
border: 1px solid black;
}
.no-border {
border: 0;
}<table style="width:100%; margin-block-start: 5px;font-size:20px;border: 1px solid black;">
<tr>
<th>Tasks</th>
<th>Sales Performance</th>
<th>Staffs' Annual Leave</th>
</tr>
<tr>
<td>
<i>Yesterday</i>
</td>
<td class=" no-border"></td>
<td>50</td>
</tr>
<tr>
<td>
<i>Today</i>
</td>
<td class="no-border"></td>
<td>50</td>
</tr>
<tr>
<td>
<i>Tomorrow</i>
</td>
<td class="no-border"></td>
<td>94</td>
</tr>
<tr>
<td>
<i>Upcoming</i>
</td>
<td class="no-border"></td>
<td>94</td>
</tr>
<tr>
<td>
<i>Some other day</i>
</td>
<td class="no-border"></td>
<td>94</td>
</tr>
</table>
答案 2 :(得分：1)
您需要向表中添加border-collapse样式，并使用rowspan属性来扩展您的第一个<td>。
当您 rowspan 您的第一个<td>时，您无需在以下<td>中添加更多的<tr>标签，因为前<td>会一直扩展到rowspan属性的值（要跨越的行数），例如rowspan=5会扩展到当前表的末尾。
<table style="width:100%; margin-block-start: 5px;font-size:20px;border: 1px solid black; border-collapse:collapse">
<tr>
<th style="padding: 15px;text-align: left;border: 1px solid black;">Tasks</th>
<th style="padding: 15px;text-align: left;border: 1px solid black;" >Sales Performance</th>
<th style="padding: 15px;text-align: left;border: 1px solid black;">Staffs' Annual Leave</th>
</tr>
<tr>
<td style="padding: 15px;border: 1px solid black;"><i>Yesterday</i></td>
<td rowspan='5'</td>
<td style="padding: 15px;border: 1px solid black;">50</td>
</tr>
<tr>
<td style="padding: 15px;border: 1px solid black;"><i>Today</i></td>
<td style="padding: 15px;border: 1px solid black;">50</td>
</tr>
<tr>
<td style="padding: 15px;border: 1px solid black;"><i>Tomorrow</i></td>
<td style="padding: 15px;border: 1px solid black;">94</td>
</tr>
<tr>
<td style="padding: 15px;border: 1px solid black;"><i>Upcoming</i></td>
<td style="padding: 15px;border: 1px solid black;">94</td>
</tr>
<tr>
<td style="padding: 15px;border: 1px solid black;"><i>Some other day</i></td>
<td style="padding: 15px;border: 1px solid black;">94</td>
</tr>
</table>
答案 3 :(得分：1)
添加了几行代码后，它就可以实现我想要的东西：
Private sub Commandbuttonclick ()
If Me.ComboBox1.Value = "" Then
MsgBox "Request No. Can Not be Blank", vbExclamation, "Request No."
Exit Sub
End If
requestno = Me.ComboBox1.Value
Sheets("DASHBOARD").Select
Dim rowselect As Double
rowselect = Me.combobox1.Value
rowselect = rowselect + 1
Rows(rowselect).Select
Cells(rowselect, 2) = Me.TextBox1.Value
Cells(rowselect, 3) = Me.TextBox2.Value
Cells(rowselect, 4) = Me.TextBox3.Value
第一部分是从导航栏中放下表格。 第二部分是得到我期望的桌子。
谢谢您回答我的问题。
如果您想了解其余代码，请查看Sushil和Nawras的答案。
P.S。是的，我是所有这些的入门者。
答案 4 :(得分：0)
使用border-collapse: collapse;作为表格标签。
<table style="width:100%; margin-block-start: 5px;font-size:20px;border: 1px solid black; border-collapse: collapse;">
<tr>
<th style="padding: 15px;text-align: left;border: 1px solid black;">Tasks</th>
<th style="padding: 15px;text-align: left;border: 1px solid black;">Sales Performance</th>
<th style="padding: 15px;text-align: left;border: 1px solid black;">Staffs' Annual Leave</th>
</tr>
<tr>
<td style="padding: 15px;border: 1px solid black;"><i>Yesterday</i></td>
<td style="padding: 15px;border: 1px solid black;border-style: hidden;"></td>
<td style="padding: 15px;border: 1px solid black;">50</td>
</tr>
<tr>
<td style="padding: 15px;border: 1px solid black;"><i>Today</i></td>
<td style="padding: 15px;border: 1px solid black;border-style: hidden;"></td>
<td style="padding: 15px;border: 1px solid black;">50</td>
</tr>
<tr>
<td style="padding: 15px;border: 1px solid black;"><i>Tomorrow</i></td>
<td style="padding: 15px;border: 1px solid black;border-style: hidden;"></td>
<td style="padding: 15px;border: 1px solid black;">94</td>
</tr>
<tr>
<td style="padding: 15px;border: 1px solid black;"><i>Upcoming</i></td>
<td style="padding: 15px;border: 1px solid black;border-style: hidden;"></td>
<td style="padding: 15px;border: 1px solid black;">94</td>
</tr>
<tr>
<td style="padding: 15px;border: 1px solid black;"><i>Some other day</i></td>
<td style="padding: 15px;border: 1px solid black;border-style: hidden;"></td>
<td style="padding: 15px;border: 1px solid black;">94</td>
</tr>
</table>
答案 5 :(得分：0)
您只需替换边框样式：隐藏；边界：无；
在该列中，您无需设置边框即可应用 style =“ border：none;”
- 我写了这段代码，但我无法理解我的错误
- 我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？
- 是否有可能使 loadstring 不可能等于打印？卢阿
- java中的random.expovariate()
- Appscript 通过会议在 Google 日历中发送电子邮件和创建活动
- 为什么我的 Onclick 箭头功能在 React 中不起作用？
- 在此代码中是否有使用“this”的替代方法？
- 在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化
- 每千个数字得到
- 更新了城市边界 KML 文件的来源？