我如何指定一个td标签应该跨越所有列(当表中的列的确切数量将是可变的/难以确定当HTML被呈现)?w3schools提到你可以使用colspan="0",但它没有确切地说什么浏览器支持这个值(IE 6在我们的列表中支持)。

看起来,将colspan设置为大于您可能拥有的理论列数量的值是可行的,但如果您将表布局设置为fixed,则它将不起作用。对colspan使用一个大数字的自动布局有什么缺点吗?有更正确的方法吗?


当前回答

就用这个吧:

colspan="100%"

它适用于Firefox 3.6, IE 7和Opera 11!(我猜在其他人身上,我无法尝试)


警告:正如下面评论中提到的,这实际上与colspan="100"相同。因此,这个解决方案将打破表与css table-layout:固定,或超过100列。

其他回答

只是想补充我的经验并回答这个问题。 注意:它只在你有一个预定义的表和一个带有th的tr时有效,但是在你的行中动态加载(例如通过AJAX)。

在这种情况下,您可以计算第一个标题行中有th的数量,并使用它来张成整个列。

当您希望在没有找到结果的情况下转发消息时,可能需要此选项。

在jQuery中,table是你的输入表:

var trs = $(table).find("tr");
var numberColumns = 999;
if (trs.length === 1) {
    //Assume having one row means that there is a header
    var headerColumns = $(trs).find("th").length;
    if (headerColumns > 0) {
        numberColumns = headerColumns;
    }
}

对于IE 6,你会希望colspan等于表中的列数。如果你有5列,那么你需要:colspan="5"。

原因是IE处理colspan的方式不同,它使用HTML 3.2规范:

IE实现了HTML 3.2的定义,它将colspan=0设置为colspan=1。

这个bug有很好的文档记录。

colspan="100%"

它的工作也在电子邮件outlook, gmail....

我有IE 7.0, Firefox 3.0和Chrome 1.0

一个TD中的colspan="0"属性不会跨越任何上述浏览器中的所有TD。

可能不推荐作为适当的标记实践,但如果您给出的colspan值高于可能的总no。那么TD就张成了所有的列。

当表格布局CSS属性被设置为fixed时,这将不起作用。

再说一次,这不是完美的解决方案,但在上面提到的3个浏览器版本中,当表布局CSS属性是自动的时候,这似乎是有效的。

另一个可行但丑陋的解决方案:colspan="100",其中100是一个大于需要colspan的列总数的值。

根据W3C的规定,colspan="0"选项仅对COLGROUP标记有效。