Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/405.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何删除特定列中的行边框?_Javascript_Html_Css - Fatal编程技术网

Javascript 如何删除特定列中的行边框?

Javascript 如何删除特定列中的行边框?,javascript,html,css,Javascript,Html,Css,我想构建一个包含三列的HTML表。在这三列中的一列中,我想删除其中的行 我尝试了一些代码,比如边框样式:隐藏;填充:0pxcolspan和rowspan但它们没有帮助 任务 销售业绩 员工年假 昨天 50 今天 50 明天 94 即将到来的 94 改天 94 使用边框折叠:折叠 任务 销售业绩 员工年假 昨天 50 今天 50 明天 94 即将到来的 94 改天 94 尝试将内联样式替换为类或数据属性 表格{ 宽度:100%; 字体大小:20px; 边界塌陷:塌陷; } th{ 填充:

我想构建一个包含三列的HTML表。在这三列中的一列中,我想删除其中的行

我尝试了一些代码,比如
边框样式:隐藏;填充:0px
colspan
rowspan
但它们没有帮助


任务
销售业绩
员工年假
昨天
50
今天
50
明天
94
即将到来的
94
改天
94

使用
边框折叠:折叠


任务
销售业绩
员工年假
昨天
50
今天
50
明天
94
即将到来的
94
改天
94

尝试将
内联样式
替换为
数据属性

表格{
宽度:100%;
字体大小:20px;
边界塌陷:塌陷;
}
th{
填充:15px;
文本对齐:左对齐;
边框:1px纯黑;
}
运输署{
填充:15px;
边框:1px纯黑;
}
没有边界{
边界:0;
}

任务
销售业绩
员工年假
昨天
50
今天
50
明天
94
即将到来的
94
改天
94
试试这个:

表格{
边界塌陷:塌陷;
}
th,td{
边际:0px;
填充:15px;
边框:1px纯黑;
}
td.no-data{
边界:0px;
}

任务
销售业绩
员工年假
昨天
50
今天
50
明天
94
即将到来的
94
改天
94

您需要向表中添加
边框折叠
样式,并使用
行span
属性来跨越第一个
。 当您在第一个
中划行时,您不需要在下面的
中添加更多的
标记,因为第一个
将一直延伸到
行span
属性的值(要跨越的行数),例如,
rowspan=5
将一直延伸到当前表的末尾


任务
销售业绩
员工年假
昨天

您只需替换边框样式:隐藏;至边界:无


在该列中,您没有设置border applystyle=“border:none;”

在添加了几行代码后,它正好满足了我的需要:

margin-block-start: 5px;

table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
第一部分是从导航栏中降低表格。 第二部分是得到我期望的桌子

谢谢你回答我的问题

若你们想知道剩下的密码,请查一下Sushil和Nawras的答案



是的,我是所有这些的新手

你能不能提供一个模拟设计,你到底想怎样。哪一行的哪一列?你说的线是指边界吗?您可以使用这个JSFIDLE-截屏并指出行和列边框样式:隐藏似乎有效?我已经添加了图像。请在“我的期望”和“现实”下检查它们。@PrashantZombade感谢您推荐该工具。如果将来我还有其他问题,我会用它。很高兴能帮上忙@Kiki@Kiki但这与你期望的形象不符@Sushil I添加了这个CSS代码:table,th,td{border:1px纯黑;border collapse:collapse;}@Sushil如果它满足他/她想要的输出,那就太棒了!但我只是说,这不符合他/她所给予的预期形象!因此,他/她应该用适当的图像更新他/她的问题@Kiki请不要使用
内联样式
实际上你甚至不需要添加
无数据类。你可以用
td:not(:nth child(2)){border:1px solid black}
@VilleKoo忽略中间的单元格是的,我知道!他/她使用的是内联css,我刚刚给出了这个例子来说明,只需使用类就可以做到这一点。不过谢谢你的建议。:)请不要使用内联styles@mplungjan我向提问者展示了为了得到期望的结果需要改变什么。如果我更改整个代码,他可能会认为这是必要的,因为从他的问题中可以看出,他是一个新手,不专业。这个结果不是一个改进,也不符合OPs的预期结果。你真的不应该在生产中使用
margin block start
,因为它仍然是一种实验技术()如果只使用正常的
边距
property@VilleKoo谢谢分享。我不知道边际区块启动仍然是一项实验技术。margin top是正常的margin属性吗?是的,您可以使用
margin top
属性:)@VilleKoo好的。我已经更正了代码。再次感谢。