帮助文档

先上帮助文档

滚动条控制

getScrollPosition方法

//获取当前位置
var pos= $('#table').bootstrapTable('getScrollPosition');

scrollTo方法

参数	描述
value	需要滚动到的位置，单位为px,如果设置为bottom表示滚动到底部
object	{unit: ‘px’, value: 100} 滚动到100px位置 {unit: ‘rows’, value: 6} 滚动到第6行

//获取当前位置
//滚动到100px的位置,测试后好像没有效果
$('#table').bootstrapTable('scrollTo',100);
//滚动到底部 有效
$('#table').bootstrapTable('scrollTo','bottom');//滚动到800px的位置,测试后有效果但是感觉不准确$('#table').bootstrapTable('scrollTo',{unit: 'px', value: 800});//滚动到第8行 这个方法最准确$('#table').bootstrapTable('scrollTo',{unit: 'rows', value: 8});

实际案例

<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
</head>
<body class="gray-bg"><div class="container-div"><div class="row"><div class="col-sm-12 select-table table-striped"><table id="bootstrap-table"></table></div></div></div><th:block th:include="include :: footer" /><script th:inline="javascript">// 被修改的行的下标var toRowIndex = 0;$(function() {var options = {// 数据加载之后，控制滚动条位置onLoadSuccess: function(){$('#bootstrap-table').bootstrapTable('scrollTo',{unit: 'rows', value: toRowIndex});},columns: [{checkbox: true},{title: '操作',halign: 'center',align: 'right',width: 200,formatter: function(value, row, index) {var actions = [];actions.push('<a class="btn btn-success btn-xs" href="javascript:void(0)" οnclick="getRowIndex(' + index + ');$.operate.editFull(\'' + row.fId + '\')"><i class="fa fa-edit"></i> 编辑</a> ');return actions.join('');}}]};$.table.init(options);});/*** 获取修改数据的行下标* @param index*/function getRowIndex(index){toRowIndex = index;}</script>
</body>
</html>

【技术】BootStrapTable 滚动条控制相关推荐

【学习笔记】opencv的python接口轮廓特征值滚动条控制阈值参数
滚动条控制阈值和阈值的处理方式控制thres中的方式和阈值 import cv2img = cv2.imread("p7.jpg") #img = cv2.cvtColor(im ...
Selenium入门11 滚动条控制（通过js）
这一节要有js基础.做web端的UI自动化必须要有html,css,javascript前端基础. 滚动条控制: 1 移动垂直滚动条 document.documentElement.scrollTo ...
python docker自动化_「docker实战篇」python的docker爬虫技术-移动自动化控制工具appium工具（17）...
原创文章,欢迎转载.转载请注明:转载自 IT人故事会,谢谢! 原文链接地址: 「docker实战篇」python的docker爬虫技术-移动自动化控制工具appium工具(17) Appium是一个开 ...
python docker自动化_「docker实战篇」python的docker爬虫技术-移动自动化控制工具安卓ADB的使用（15）...
原创文章,欢迎转载.转载请注明:转载自 IT人故事会,谢谢! 原文链接地址: 「docker实战篇」python的docker爬虫技术-移动自动化控制工具安卓ADB的使用(15) adb(Androi ...
流媒体后视镜方案关键技术--失效模式控制
流媒体后视镜方案关键技术--失效模式控制失效模式及后果分析是一种系统化的可靠性定性分析[10].流媒体后视镜在设计上考虑了一些失效模式,比如由于摄像头损坏了或传输线束受损导致图像传输失败.系统开机后 ...
研究人员使用宽场脑成像技术研究意图控制，探索更好的脑机接口使用方式
通过我们对外部物体的感官体验,可以有效地控制外部物体.为了研究因果关系的学习和影响方式,研究人员设计了一种使用宽场钙信号(wide-field calcium signals)的脑机接口(BMI)任务 ...
Selenium3自动化测试——15.调用Javascript进行滚动条控制
1. 实现目标对水平和垂直的滚动条进行控制: 2. 实现代码 from selenium import webdriverdriver = webdriver.Chrome() driver.get ...
刘剑计算机科学与技术,刘剑-控制科学与工程学院
主要学习经历: 1995-1999山东大学工学学士 2002-2005山东大学工学硕士 2005-2008中国科学院工学博士主要工作经历 1999-2002山东鲁能集团技术员 2008-2011山东 ...
基于Wio RP2040迷你无线WiFi开发板的硬件接口技术及MicroPython控制编程基础
Wio RP2040迷你无线WiFi开发板(Wio RP2040 mini Dev Board)是Seeed Studio公司于2021年5月推出的一款迷你无线WiFi开发板,它集成了Wio RP20 ...
技术分享 | 遥控器控制（Joystick）
一.遥控器控制在真实飞行过程中,我们使用真实的遥控器作为控制无人机的主要操作来源,遥控器始终拥有最高的权限,精湛的遥控器操作手法可以保证无人机安稳着陆,但对于很多非专业人士来说,遥控的操作技巧是需要 ...

【技术】BootStrapTable 滚动条控制

BootStrapTable 滚动条控制

帮助文档

滚动条控制

实际案例

【技术】BootStrapTable 滚动条控制相关推荐

最新文章

热门文章