Html 如何使TFOOT仅显示在表的末尾
我有一个包含大量行的html表,当我试图打印它时,TFOOT中的内容会显示在每个分页符中。我可以让它只显示在最后一页表格的末尾吗Html 如何使TFOOT仅显示在表的末尾,html,html-table,Html,Html Table,我有一个包含大量行的html表,当我试图打印它时,TFOOT中的内容会显示在每个分页符中。我可以让它只显示在最后一页表格的末尾吗 注意:我无法从表中删除tfoot,因为该表是从我正在使用的yii框架的CGridView中输出的。恐怕只有通过脚本才能完成。默认情况下,tfoot元素具有,这意味着它出现在表的任何其他行之后,并且可以在每个页面的末尾重复(如果浏览器希望这样做)。在当前的CSS中,您不能将这两件事分开 如果设置tfoot{display:table row group},它将不会重复,
注意:我无法从表中删除tfoot,因为该表是从我正在使用的yii框架的CGridView中输出的。恐怕只有通过脚本才能完成。默认情况下,
tfoot
元素具有,这意味着它出现在表的任何其他行之后,并且可以在每个页面的末尾重复(如果浏览器希望这样做)。在当前的CSS中,您不能将这两件事分开
如果设置tfoot{display:table row group}
,它将不会重复,但不会出现在表的末尾,而是出现在HTML源代码中的同一位置,这意味着根据HTML 4语法,它位于正常行之前的开始位置。我假设它存在于HTML代码中,您无法更改它。(事实上,tfoot
可以放在表标记的最后,HTML5允许这样做。)
您可以通过设置tfoot{display:none}
来完全消除页脚,但我想您不希望这样
如果这里可以使用客户端脚本,那么您可以将display
设置为table row group
,同时使用只将tfoot
元素移动到表中最后一个的代码。假设表
元素具有id
,比如id=tbl
,您可以使用以下脚本(该脚本还设置显示
):
如果table
元素缺少id
,则需要一些不同的方法在JavaScript中查找元素,具体取决于页面的结构。如果它是表中唯一或第一个元素,则可以将上面的第一行替换为
var tbl = document.getElementsByTagName('table')[0];
tbl.tFoot
是gEBTN
的较短替代方案,
var tbl = document.getElementsByTagName('table')[0];