elementUI el-table полоса прокрутки по умолчанию внизу таблицы

Платформа elementUI не может получить идентификатор элемента в таблице, но в el-таблице есть bodyWrapper, который указывает на часть содержимого таблицы el-таблицы, и есть атрибуты scrollTop и scrollHeight, поэтому следующий метод можно использовать для реализации эффекта полосы прокрутки внизу

(Примечания: атрибут ref должен быть установлен для соответствующей el-таблицы, в этом случае ref устанавливается в editTable)

this.$nextTick(() => {
  this.$refs.editTable.bodyWrapper.scrollTop = this.$refs.editTable.bodyWrapper.scrollHeight;
})

this.$nextTick() должен позволить форме загрузиться, а затем выполниться, если вы не добавите ее, вы можете не увидеть эффекта!

Кроме того, если высота стола должна адаптироваться к экрану под разные экраны, вам нужно использовать функцию window.onresize

window.onresize = () => {
  this.caseListHeight = window.innerHeight - 405;
}

Добавляем в el-table кусок данных под фреймворк vue + elementUI, а полоса прокрутки по умолчанию позиционируется внизу таблицы — короткая книга

おすすめ

転載: blog.csdn.net/GrootBaby/article/details/127740755