如何修复具有两个标题行和滚动条在主体中的表的标题

时间:2014-03-06 15:28:37

标签: css

我有一张桌子,并希望将其作为固定标题。 在这种情况下,我有2个标题行 下面是相同的附加html

<table>
        <thead>
            <tr>
                <th colspan="5">
                </th>
                <th colspan="3">
                    Header Row11
                </th>
                <th colspan="3">
                    Header Row12
                </th>
                <th colspan="2">
                    Header Row12
                </th>
                <th colspan="2">
                    Header Row14
                </th>
                <th colspan="1">
                </th>
                <th colspan="2">
                    Header Row15
                </th>
            </tr>
            <tr>
                <th>
                    <input type="submit" value="Remove" />
                </th>
                <th>
                    Header Row21
                </th>
                <th>
                    Header Row22
                </th>
                <th>
                    Header Row22
                </th>
                <th>
                    Header Row23
                </th>
                <th>
                    Header Row24
                </th>
                <th>
                    Header Row25
                </th>
                <th>
                    Header Row26
                </th>
                <th>
                    Header Row27
                </th>
                <th>
                    Header Row2
                </th>
                <th>
                    Header Row2
                </th>
                <th>
                    Header Row26
                </th>
                <th>
                    Header Row26
                </th>
                <th>
                    Header Row26
                </th>
                <th>
                    Header Row26
                </th>
                <th>
                    Header Row26
                </th>
                <th>
                    Header Row26
                </th>
                <th>
                    Header Row26
                </th>
            </tr>
        </thead>
        <tbody>
            @for (var i = 0; i < @Model.abc.Count; i++)
            {
                <tr>
                    <td>
                    </td>
                    <td>
                    </td>
                    <td>
                    </td>
                    .......... ................
                </tr>
            }
        </tbody>
    </table>

enter image description here

我想要一些这样的表。 请告诉我如何实现这一目标。

0 个答案:

没有答案