侧边栏壁纸
博主头像
云BLOG 博主等级

行动起来,活在当下

  • 累计撰写 318 篇文章
  • 累计创建 6 个标签
  • 累计收到 0 条评论

目 录CONTENT

文章目录
WEB

LAYUI TABLE 滚动条到最后

Administrator
2024-05-14 / 0 评论 / 0 点赞 / 1 阅读 / 0 字

滚动条到最后

// 滚动到指定位置
          let rows = layui.table.cache.test;

          for (let i = 0; i < rows.length; i++) {
            // console.log(rows[i]); 
            if (rows[i].day == id) {

              let j = rows[i].LAY_TABLE_INDEX;

              $('tbody > tr').eq(j).css('background', '#e5e5e5');

              let cellHtml = $('tbody > tr').eq(j);

              $(".layui-table-main").animate({

                scrollTop: cellHtml.offset().top - $(".layui-table-main").offset().top + $(".layui-table-main").scrollTop()

              }, 200);

            }

          }


				// 滚动条到最后加选中
				index: i+1, // 选中行的下标。 0 表示第一行
			  		var tablecell = $(".layui-table-main");
			  		var cellHtml = tablecell.find("tr[data-index="+ i +"]");
					var cellTop = cellHtml.offset().top;
					tablecell.scrollTop(cellTop - 160);
					
					table.setRowChecked('saletable', {
					  type : 'radio',
					  index: i+1, // 选中行的下标。 0 表示第一行
					});

0

评论区