Question

我想创建一个包含一行的表（所有列的标题），然后在标题下面创建行和列（只是标题后面的常规表）。我现在有这样的事情：

<table style="margin: auto;" border="1">
    <colgroup>
        <col align="left">
        <col align="right">
        <col align="right">
        <col align="right">
        <col align="right">
    <thead style="background: #F0F0F0" colspan="6" scope="colgroup">
        <tr>
            <th>header
    <thead style="background: #F0F0F0">
        <tr>
            <th>a 
            <th> a 
            <th> a 
            <th> a <br> b 
            <th> a 
            <th> a
</table>

但现在，'header'仅在第一列中，我希望它可以为所有列进行拉伸。

Answer 1

您需要在colspan代码上使用th，而不是thead

<thead>
     <tr>
         <th colspan="6">Head</th>
     </tr>
</thead>

Demo

Answer 2

试试这个，它运作正常。

只是对您的代码进行了一些更改。

<table style="margin: auto; border:1">
        <colgroup>
            <col align="left">
            <col align="right">
            <col align="right">
            <col align="right">
            <col align="right">
            <col align="right">
            </colgroup>
            <thead style="background: #F0F0F0"  scope="colgroup">
                <tr>
                    <th colspan="6">
                        header
                    </th>
                </tr>
            </thead>
            <thead style="background: #F0F0F0">
                <tr>
                    <th>
                        a
                    </th>
                    <th>
                        a
                    </th>
                    <th>
                        a
                    </th>
                    <th>
                        a
                        <br>
                        b
                    </th>
                    <th>
                        a
                    </th>
                    <th>
                        a
                    </th>
                </tr>
            </thead>
            <tbody style="background: #FFFFFF">
            </tbody>
         </table>

Answer 3

试试这个。

<TABLE style=\margin: auto;\ border=1><COLGROUP><COL align="left"><COL align=right><COL align="right"><COL align="right"><COL align=right>
<THEAD style="background: #F0F0F0" colspan="6" scope="colgroup"><TR> <TH colspan="6">header
<THEAD style="background: #F0F0F0"><TR> <TH>a <TH> a <TH> a <TH> a <br> b <TH> a <TH> a
</TABLE>

Answer 4

试试这段代码

<TABLE style=\margin: auto;\ border=1>
<COLGROUP><COL align=left><COL align=right><COL align=right><COL align=right><COL align=right>
    <THEAD style=\background: #F0F0F0 \ colspan=\6\ scope=\colgroup\><TR> <TH colspan="6">header
    <THEAD style=\background: #F0F0F0 \><TR> <TH>a <TH> a <TH> a <TH> a <br> b <TH> a <TH> a
    <TBODY style=\background: #FFFFFF\>
    </TABLE>

创建具有一个标题的表，然后创建下面的行和列

4 个答案: