【问题标题】:How to split bootstrap 4 table header column?如何拆分引导程序 4 表头列?
【发布时间】:2019-11-12 17:31:22
【问题描述】:

我正在学习前端,我正在尝试设计表格。我想通过划分为单元格将多列合并到单列中,例如引导类 colspanrowspan 但我无法准确地设计我在这里寻找的东西我正在附加我正在尝试设计的图像.有人可以指导我如何设计那张桌子。

这是我试图设计的表格。

任何帮助将不胜感激。

【问题讨论】:

    标签: html bootstrap-4 tablecell


    【解决方案1】:
    <table>
      <tr>
        <th rowspan="2"></th>
        <th></th>
        <th rowspan="2"></th>
        <th colspan="2"></th>
        <th></th>
      </tr>
      <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
      <tr>
        <td></td>
        <td></td>
        <td></td>
        <td colspan="2"></td>
        <td></td>
      </tr>
    </table>
    

    【讨论】:

    • 谢谢回复,能不能举个简单的例子。
    • 我已经运行了该代码,它看起来像我正在寻找的东西,但如果你让它正确,比如给 theader tbody 然后 td 和一些值,那么它将很容易阅读。
    猜你喜欢
    • 2021-12-10
    • 1970-01-01
    • 2021-07-27
    • 2019-05-24
    • 2014-03-05
    • 1970-01-01
    • 2019-01-13
    • 1970-01-01
    相关资源
    最近更新 更多