table-header-group 、 table-footer-group 属性在 Chrome 中不起作用 [英] table-header-group , table-footer-group properties doesn't work in Chrome

查看:41
本文介绍了table-header-group 、 table-footer-group 属性在 Chrome 中不起作用的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

这是我的代码.

以及 Webkit 问题跟踪器:https://bugs.webkit.org/show_bug.cgi?id=17205

如果您想表明它对您很重要(我做到了),请在 Chrome 问题跟踪器上加星标.

This is my code. http://furkan.brove.net/syflm.php

It is not working in Chrome when i print it. I wish it puts header and footer on every page in print mode. Also in every browser last footer is going bottom of the content. But i want it to be bottom of the page.

Is there any way to solve my problem?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9">
<meta name="robots" content="noindex, nofollow">
<meta name="googlebot" content="noindex">
<meta http-equiv="cache-control" content="no-cache">    
<meta http-equiv="X-UA-Compatible" content="IE=8" />

<title>Brove.NET ISO Yazılımı</title>
<link rel="stylesheet" type="text/css" href="css/pagination.css" />
<style>
    #all thead { display: table-header-group; }
    #all tfoot { display: table-footer-group; }
    .header_table{ height:100px; }
    .footer_table{ height:100px; }
</style>
</head>

<body>
<table id="all">
   <thead><tr><td><table class="header_table"><tr><td>Your header goes here</td></tr></table></td></tr></thead>
   <tfoot><tr><td><table class="footer_table"><tr><td>Your footer goes here</td></tr></table></td></tr></tfoot>
   <tbody>
     <tr><td>
       Page body in here -- as long as it needs to be<br />
       <!-- i wrote this many -->
     </td></tr>
   </tbody>
</table>
</body>
</html>

This is IE screenshot. In second page it puts header and footer well.

This is Firefox screenshot. It is working too.

But in chrome it is not working

解决方案

This is a known issue with Webkit, unfortunately.

Here it is on the Chrome issue tracker: http://code.google.com/p/chromium/issues/detail?id=24826

And the Webkit issue tracker: https://bugs.webkit.org/show_bug.cgi?id=17205

Star it on the Chrome issue tracker if you want to show that it is important to you (I did).

这篇关于table-header-group 、 table-footer-group 属性在 Chrome 中不起作用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆