網(wǎng)站年費(fèi)怎么做分錄十大免費(fèi)貨源網(wǎng)站免費(fèi)版本
由于數(shù)據(jù)表格新增行后沒(méi)有到新增到當(dāng)前位置 繼續(xù)增加的需求:
因?yàn)樽约菏切略鲂泻蟮阶詈笠恍械?所以 就定位到最后一行 并且 高亮?
高亮顏色淺 可自行更改?
整理了一下 可根據(jù) 情況 修改?
// 初始化滾動(dòng)條位置變量
let tableScroll = {scrollTob: 0,scrollLeft: 0,
};// 定義滾動(dòng)到指定位置的函數(shù)
function scrollToAndHighlight(id) {let rows = layui.table.cache.test;for (let i = 0; i < rows.length; i++) {if (rows[i].day == id) {let j = rows[i].LAY_TABLE_INDEX;$('tbody > tr').eq(j).css('background', '#e5e5e5'); // 高亮顯示指定行l(wèi)et cellHtml = $('tbody > tr').eq(j);$(".layui-table-main").animate({scrollTop: cellHtml.offset().top - $(".layui-table-main").offset().top + $(".layui-table-main").scrollTop()}, 200); // 滾動(dòng)到指定行return; // 找到并處理完后退出循環(huán)}}
}// 重載表格的done回調(diào)函數(shù),用于保持滾動(dòng)條位置
done: function (res, curr, count) {// 重載表格---保持滾動(dòng)條位置$('.layui-table-body').scrollTop(tableScroll.scrollTob);$('.layui-table-body').scrollLeft(tableScroll.scrollLeft);tableScroll.scrollTob = 0;tableScroll.scrollLeft = 0;
},// 自定義函數(shù),用于重載表格并處理滾動(dòng)條位置
function fn() {// 重載表格---保持滾動(dòng)條位置var scrollTop = ($('.layui-table-body').length > 1) ? $('.layui-table-body')[0].scrollTop : $('.layui-table-body').scrollTop;var scrollLeft = ($('.layui-table-body').length > 1) ? $('.layui-table-body')[0].scrollLeft : $('.layui-table-body').scrollLeft;tableScroll.scrollTob = scrollTop == 0 ? tableScroll.scrollTob : scrollTop;tableScroll.scrollLeft = scrollLeft;// 假設(shè)這里有你想要高亮顯示的idlet highlightId = 'yourDesiredId';scrollToAndHighlight(highlightId);layui.table.reload('test', { data: productList }); // 重載表格form.render(); // 刷新表單
}// 調(diào)用fn函數(shù)執(zhí)行重載操作
fn();
如果頁(yè)面有多個(gè)表格 給前面加上當(dāng)前的 id? 因?yàn)樽约河龅搅嗣看味级ㄎ蝗毙?最后發(fā)現(xiàn)是 由于另外一個(gè)表格數(shù)據(jù)的關(guān)系 提示一下?