Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.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
在html中将表格单元格分组的方法?_Html_Html Table_Grouping_Cells - Fatal编程技术网

在html中将表格单元格分组的方法?

在html中将表格单元格分组的方法?,html,html-table,grouping,cells,Html,Html Table,Grouping,Cells,所以这是非常直接的。我需要一种将细胞分组的方法。像或但都不起作用似乎是一个很好的解决方案,但它只适用于表行。救命啊 您可以添加htmlcol标记来对列td进行分组 .col-group-1{ 背景颜色:黄色; } 第二组{ 背景颜色:银色; } 名称 城市 电话 玛丽 纽约 987654321 玛格达莱娜 洛杉矶 123456789 如果您正在寻找一种方法,将一行中的多个单元格与其他“常规”单元格(如在google | excel电子表格中所做的)合并为一个单元格,方法如下: 然后可以对t

所以这是非常直接的。我需要一种将细胞分组的方法。像
但都不起作用<代码>似乎是一个很好的解决方案,但它只适用于表行。救命啊

您可以添加html
col
标记来对列
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.