jQuery Bootgrid在col中使用colspan或rowspan的多个tr

时间:2018-08-23 08:49:22

标签: jquery html jquery-bootgrid

如何在jQuery Bootgrid上格式化表头?

当我使用Bootgrid函数初始化表时,多头格式错误。以下示例显示了我想要的内容:

<div class="table-responsive">
    <table id="grid-table" class="table table-condensed table-hover table-striped table-bordered">
        <thead>
            <tr>
                <th data-column-id="col1"   rowspan="2" > Col1  </th>
                <th data-column-id="col2"   rowspan="2" > Col2  </th>
                <th data-column-id="col3"   rowspan="2" > Col3  </th>
                <th data-column-id="col4"   rowspan="2" > Col4  </th>
                <th data-column-id="span1"  colspan="2" > Span1 </th>
                <th data-column-id="span2"  colspan="2" > Span2 </th>
            </tr>
            <tr>
                <th data-column-id="col5"   > Col5  </th>
                <th data-column-id="col6"   > Col6  </th>
                <th data-column-id="col7"   > Col7  </th>
                <th data-column-id="col8"   > Col8  </th>
            </tr>                             
        </thead>

        <tbody>
        </tbody>
    </table>
</div>

这是我不初始化Bootgrid时的结果。

enter image description here

但是当我这样做时,我得到了:

enter image description here

那么如何通过设置rowspan或colspan来处理一个广告中的多个tr?

0 个答案:

没有答案