Html 重复<;thead>;跨栏

Html 重复<;thead>;跨栏,html,css,Html,Css,真的很简单。我可能错过了一些明显的东西,但现在开始 我在多列视图中有一个。这个想法是,它是一个相当高的桌子,所以将它放在多列上可以减少令人讨厌的垂直,并且更适合在屏幕上显示 问题是,第2列及其后的行没有标题 然而,如果我去打印预览,每一列都有一份的“副本”-我认为这是应该的,因为这就是的目的 是否有可能使此行为(显然仅在默认情况下在@media print中可用)在网页本身上工作 (请注意,表的内容是动态的,整个过程应该是响应的,因此手动插入/分解表是不可能的。) #容器{ 列数:3; }

真的很简单。我可能错过了一些明显的东西,但现在开始

我在多列视图中有一个
。这个想法是,它是一个相当高的桌子,所以将它放在多列上可以减少令人讨厌的垂直,并且更适合在屏幕上显示

问题是,第2列及其后的行没有标题

然而,如果我去打印预览,每一列都有一份
的“副本”-我认为这是应该的,因为这就是
的目的

是否有可能使此行为(显然仅在默认情况下在
@media print
中可用)在网页本身上工作

(请注意,表的内容是动态的,整个过程应该是响应的,因此手动插入/分解表是不可能的。)

#容器{
列数:3;
}

第1栏
第2栏
第1单元
第2单元
第1单元
第2单元
第1单元
第2单元
第1单元
第2单元
第1单元
第2单元
第1单元
第2单元
第1单元
第2单元
第1单元
第2单元
第1单元
第2单元
第1单元
第2单元
第1单元
第2单元
第1单元
第2单元

Demo已添加。你说得对,我不包括在内真是太蠢了!如果没有脚本,我看不到它会发生。可能是@ChrisW的重复。很好的发现。自2015年以来,有什么变化吗?或者我被黑客困住了吗?我认为这是可访问性的问题。您希望使用
aria hidden
隐藏重复的元素。你说得对,我不包括在内真是太蠢了!如果没有脚本,我看不到它会发生。可能是@ChrisW的重复。很好的发现。自2015年以来,有什么变化吗?或者我被黑客困住了吗?我认为这是可访问性的问题。您希望使用
aria hidden
隐藏重复的元素。