首先介绍一下bootStrap和bootStrap table:
bootStrap:
Bootstrap是Twitter推出的一个用于前端开发的开源工具包。
它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。
bootStrap table:
Bootstrap table 是一款基于 Bootstrap 的 jQuery 表格插件,
简单易用, 且功能强大。越来越多的企业级项目开发中会用到,
关于BT的基本使用本文不作赘述,有需要的可以查阅官方文档。
让页面跳转和页码一直展示在底部
在bootstrap中使用onPostBody函数来实现让页面跳转和页码一直展示在底部:如下图
然后在方法renderTitle中渲染单元格的属性:
咱们是要让页面跳转按钮和页码展示一直在底部,代码如下所示:
$(".launch-table-container").find(".fixed-table-body").css("cssText", "height:calc(100% - 156px) !important");
.launch-table-container是我的表格所在的div的class名,通过$(“.launch-table-container”)获取到这个表格,然后操作css,
calc(100% - 156px) !important 的作用是设置元素的高度为等于其父元素的高度的百分比减去 156像素,并确保这个计算后的值具有高优先级,不容易被其他样式规则覆盖。这种用法常用于精确控制元素的尺寸和布局