el-table-infinite-scroll(vue3)
Infinite scroll for el-table.
This directive only does event forwarding, which is equivalent to replacing the target DOM of
ElInfiniteScroll
with the scroll layer ofElTable
.
Support
Install
sh
npm install --save el-table-infinite-scroll
Usage
Global register
js
import { createApp } from "vue";
import App from "./src/App.vue";
import ElTableInfiniteScroll from "el-table-infinite-scroll";
const app = createApp(App);
app.use(ElTableInfiniteScroll);
app.mount("#app");
Component register
vue
<template>
<el-table v-el-table-infinite-scroll="load"></el-table>
</template>
<script setup>
import { default as vElTableInfiniteScroll } from "el-table-infinite-scroll";
</script>
Example
Scroll table to bottom to load paginated data.
Click me to show code
Options
Supported element-plus/infinite-scroll all options.