首页 > 电脑专区 > 电脑教程 >

bootstraptable如何设置高度对齐

来源:互联网 2023-02-21 19:00:38 402

下面就是小编带给大家的bootstraptable如何设置高度对齐方法操作,希望能够给你们带来一定的帮助,谢谢大家的观看。N1I办公区 - 实用经验教程分享!

bootstraptable如何设置高度对齐N1I办公区 - 实用经验教程分享!

方法/步骤

  • 1

    初始化表格参数的时候我们设置高度:tableBox.bootstrapTable('destroy').bootstrapTable({ undefinedText: "-"。N1I办公区 - 实用经验教程分享!

    bootstraptable如何设置高度对齐N1I办公区 - 实用经验教程分享!

  • 2

    //查找的字段没有发现时的显示内容 height: $(window).height() - 100, //自定义表格的高度 data: tableData, columns: CacheData.columnArr });N1I办公区 - 实用经验教程分享!

    bootstraptable如何设置高度对齐N1I办公区 - 实用经验教程分享!

  • 2本页面非法爬取自百度经验
  • 3

    但是当我们改变窗口的大小时,会出现两个竖向的滚动条,这是不正确的,解决的办法是:给窗口添加一个resize。N1I办公区 - 实用经验教程分享!

    bootstraptable如何设置高度对齐N1I办公区 - 实用经验教程分享!

  • 4

    监听事件$(window).resize(function() { tableBox.bootstrapTable('resetView', {height: $(window).height() - 100}); });N1I办公区 - 实用经验教程分享!

    bootstraptable如何设置高度对齐N1I办公区 - 实用经验教程分享!

  • 5

    解决方法如下:升级到最高版本,比如现在是1.11.1的(方法最快,什么都不用改)。去掉height的设置。可以通过如下设置:$('#tableId').bootstrapTable(); // init via javascript$(window).resize(function () { $('#tableId').bootstrapTable('resetView'); });N1I办公区 - 实用经验教程分享!

    bootstraptable如何设置高度对齐N1I办公区 - 实用经验教程分享!

  • 6

    但实质效果不大,可能还是无法达到效果。尤其是在1.9.0版本上用这个方法是无效的。通过修改源码的形式,这个方式不可取,不然会出现各种问题,比如表头不固定等。N1I办公区 - 实用经验教程分享!

    bootstraptable如何设置高度对齐N1I办公区 - 实用经验教程分享!

  • 注意事项

    • 以上就是小编带给大家的如何操作的关键所在,如果觉得本经验对你们有帮助,请给小编我进行一点小小的支持。大家也可以下面发表一下自己的看法。
    • 个人意见,仅供参考。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!N1I办公区 - 实用经验教程分享!


    标签: 操作系统设置高度

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码