Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.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 如何使TFOOT仅显示在表的末尾_Html_Html Table - Fatal编程技术网

Html 如何使TFOOT仅显示在表的末尾

Html 如何使TFOOT仅显示在表的末尾,html,html-table,Html,Html Table,我有一个包含大量行的html表,当我试图打印它时,TFOOT中的内容会显示在每个分页符中。我可以让它只显示在最后一页表格的末尾吗 注意:我无法从表中删除tfoot,因为该表是从我正在使用的yii框架的CGridView中输出的。恐怕只有通过脚本才能完成。默认情况下,tfoot元素具有,这意味着它出现在表的任何其他行之后,并且可以在每个页面的末尾重复(如果浏览器希望这样做)。在当前的CSS中,您不能将这两件事分开 如果设置tfoot{display:table row group},它将不会重复,

我有一个包含大量行的html表,当我试图打印它时,TFOOT中的内容会显示在每个分页符中。我可以让它只显示在最后一页表格的末尾吗


注意:我无法从表中删除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];