el-table滚动到某一行

882 阅读1分钟

这个是element-plus的

/**
 *  el-table滚动到表格某一行
 *  @param {object} tableElement  ['表格ref值'])
 *  @param {Number} rowIndex   滚动到第几行(从0开始)
 */
const tableScrollToRow = (tableElement: any, rowIndex: number) => {
	const table = tableElement.$el;
	const row = table.querySelectorAll('.el-table__row')[rowIndex];
        //关键这里 找到滚动的盒子
	const tableBody = table.querySelector('.el-scrollbar__wrap .el-scrollbar__wrap--hidden-default');
	if (row) {
		const top = row.offsetTop;
		tableBody.scrollTop = top;
	}
};