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
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。