BootstrapBootstrap table使用体验—thead与td无法对同的题材

当用工具条受的来得/隐藏列的时光,
经常出现表格的列头与内容无法对一起的问题。

网上搜到片种植处理办法,如下:

1.
失去掉option中之height,完美对旅,但当数比较多之早晚,table会自动增加height,显示有数据如果休亮滚动条。

  1. 注解掉如下两履

    //this.resetHeader();
    //padding += this.$header.outerHeight();

   完美对联合,但会促成无法冻结表头。

 

及时半种植结果尚且是鱼与熊掌不可兼得,
被潜移默化的效果也是特别眷恋只要之,让小罗我深苦闷。

末了怀疑问题的因由应该是排的削减过程中,剩余列设置了步长,但压缩列后使填写充剩余宽度时的精打细算问题。

 

 最后自己下了如下方式,供大家参考:  

非装中同样列的小幅,使该机动填写充,如下代码

        <thead>
            <tr>
                <th data-field="Code" data-width="105px">编号</th>
                <th data-field="Name" data-switchable="false">姓名</th>
                <th data-field="Sex" data-width="120px">性别</th>
                <th data-field="Age" data-width="120px">年龄</th>
                <th data-field="LoloOperate" data-width="30px">操作</th>
            </tr>
        </thead>

 这样一旦不去丢名称,去丢其他列的时候不见面出现对不齐的题材,为了防范此列被失去丢,加上data-switchable=”false”

 正常工作中吗时时会面发这样要求机关填写宽度的排列,算是比较好之同种植缓解智。

相关文章