在html中将表格单元格分组的方法?
所以这是非常直接的。我需要一种将细胞分组的方法。像在html中将表格单元格分组的方法?,html,html-table,grouping,cells,Html,Html Table,Grouping,Cells,所以这是非常直接的。我需要一种将细胞分组的方法。像或但都不起作用似乎是一个很好的解决方案,但它只适用于表行。救命啊 您可以添加htmlcol标记来对列td进行分组 .col-group-1{ 背景颜色:黄色; } 第二组{ 背景颜色:银色; } 名称 城市 电话 玛丽 纽约 987654321 玛格达莱娜 洛杉矶 123456789 如果您正在寻找一种方法,将一行中的多个单元格与其他“常规”单元格(如在google | excel电子表格中所做的)合并为一个单元格,方法如下: 然后可以对t
或
但都不起作用<代码>似乎是一个很好的解决方案,但它只适用于表行。救命啊 您可以添加htmlcol
标记来对列td
进行分组
.col-group-1{
背景颜色:黄色;
}
第二组{
背景颜色:银色;
}
名称
城市
电话
玛丽
纽约
987654321
玛格达莱娜
洛杉矶
123456789
如果您正在寻找一种方法,将一行中的多个单元格与其他“常规”单元格(如在google | excel电子表格中所做的)合并为一个单元格,方法如下:
然后可以对td
元素使用colspan
属性,指示要合并多少单元格:
合并单元格占用2列
规则细胞
同一行中的另一个单元格
此外,您可以使用css中的td[colspan]
选择器(与您选择的任何父选择器组合)来引用这些合并的单元格
下面是一个工作示例:
具有任何colspan属性的单元格的/*样式*/
td[colspan]{
文本对齐:居中;
}
/*单元格之间没有额外的空间*/
桌子{
边界塌陷:塌陷;
}
th,td{
边框:1px纯色灰色;
保证金:0;
填充:3x10px;
文本对齐:右对齐;
}
白天
发票联
全部的
一月
2.
0348
248.35
7.
0349
126.14
18
0350
821.99
二月
27
0351
643.50
您是否试图将
标记包装在
内?这是基本想法吗?不够灵活。以我的情况为例。我需要一个包装标签每3个细胞。如果在tr
和td
上面有一些标记,那么它是理想的,因为它不能从W3D复制粘贴-1.