jsp页面bootstrap表格设置页面跳转一直在底部
2023-12-25 18:16:08
首先介绍一下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像素,并确保这个计算后的值具有高优先级,不容易被其他样式规则覆盖。这种用法常用于精确控制元素的尺寸和布局
文章来源:https://blog.csdn.net/weixin_43735471/article/details/135202609
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!