html滚动条固定前几行,bootstrapTable定位行固定滚动条

写在前面：

当页面table列表数据有修改后，用户需要再次回到修改的行位置。

1.当修改行数据后，table刷新，行数据位置前后不发生改变，可使用下面这种方法：

/*获取当前滚动条的位置*/

var scollPostion = $(‘#table‘).bootstrapTable(‘getScrollPosition‘);

var obj = $("#table tr:nth-child("+ (index+1) +") td:nth-child("+ (11) +").editable");

var attrValue = trim1(obj.first().find("input").val());

dataArrr[index].fourthStandardConfig = attrValue;

tab.setData(dataArrr);

mergeCell1(dataArrr);

mergeCell2(dataArrr);

mergeCell3(dataArrr);

/*刷新数据后，再次回到原始滚动的位置*/

setTimeout(function() {

$(‘#table‘).bootstrapTable(‘scrollTo‘, scollPostion);

}, 200);

2.当修改行数据后，table刷新，行数据位置发生改变，可使用下面这种方法：

var table = $("#deptTable");

/*等table加载完后触发*/

table.on(‘post-body.bs.table‘, function () {

var dep = result.substring(result.indexOf(":") + 1);

var target = table.find("tr[data-uniqueid=‘" + dep + "‘]");

//定位修改后的行的位置

var offset = target.offset().top - table.offset().top - 50;

table.bootstrapTable(‘scrollTo‘, offset);

//给指定行染个色

table.find("tr[class=‘success‘]").attr("class","");

target.attr("class","success");

});

参考：

原文：https://www.cnblogs.com/eleven258/p/10690245.html

html滚动条固定前几行,bootstrapTable定位行固定滚动条相关推荐

excel 固定前几行
问题描述原本只需要固定第一行,后面因为需要,想固定前2行,百度了一下,一般解决办法,我试了一下,不能用(我的列数比较多,一页不能显示完全) 解决办法这办法是偶然间发现的. 1.固定第一行视图 & ...
Excel文件首行固定前n行固定首列固定前n列固定
1.首行首列固定 2.前n行固定或者前n列固定选中第n+1行或者第n+1列,在冻结窗口下来选项中,选 "冻结拆分窗格"命令. 3.固定前n行前m列.(此处以n=3,m=5 ...
element-ui table表格增加合计行和表格列固定之后滚动条无法滚动
element-ui table表格增加合计行和表格列固定之后滚动条无法滚动是因为el-table__fixed或el-table__fixed-right有了合计之后把 el-table_ ...
bootstrap-table、antd-table组件(react)实现首行、首列固定的表格
小剧情成本系统规划使用react,可是基于业务需要离不开老版OA(bootstrap jquery)中的工作流,本来是可以尽情使用react的,前边挡头大象的无力感还是有的. 多次开会渴望的眼神盯着 ...
qtabwidget设置表头_Qt GUI图形图像开发之QT表格控件QTableView,QTableWidget复杂表头(多行表头) 及冻结、固定特定的行的详细方法与实例...
我们在开发过程中对于表格使用频率还是挺高的,使用QT框架开发时候我们使用QTableView或者QTableWidget创建表格. 其中表格分为表格头与表格体: 对于简单地表格,我们可以设置表头来满 ...
tablewidget 多行表头_Qt GUI图形图像开发之QT表格控件QTableView,QTableWidget复杂表头(多行表头) 及冻结、固定特定的行的详细方法与实例...
我们在开发过程中对于表格使用频率还是挺高的,使用QT框架开发时候我们使用QTableView或者QTableWidget创建表格. 其中表格分为表格头与表格体: 对于简单地表格,我们可以设置表头来满 ...
shell 文本后几行_shell_wc(统计数目)、head（查看前几行）、tail（查看末尾几行）...
wc -c filename:显示一个文件的字节数 wc -m filename:显示一个文件的字符数 wc -l filename:显示一个文件的行数 wc -L filename:显示一个文件中的 ...
[转]如何让DIV固定在页面的某个位置而不随着滚动条随意滚动
首先,我们将目光投向了CSS规范,我想很多人和我一样很快就想到了position属性,说到定位,我们很容易想到这个属性.这个属性一共有四个选项:static.relative.absolute.fi ...
sql如何取前几行_10 个不为人知的 SQL 技巧
在 SQL 中,我们不关心数据库是如何检索信息的,就可以得到结果.本文介绍了使用声明式 SQL10 个不为人知的技巧. 从早期开始,编程语言设计者就有这样的愿望:设计一种语言,在这种语言中,告诉机器我 ...

html滚动条固定前几行,bootstrapTable定位行固定滚动条

html滚动条固定前几行,bootstrapTable定位行固定滚动条相关推荐

最新文章

热门文章