Combines Form, Table and Pagination components ofElement UItogether. Based on Vue 2.x. You can use this package to show local and remote list data in table with search form and pagination. See the code of theScreen shot Install $ npm i --save el-search-table-pagination Demos See demos ...
app.vue <template><el-mainclass="container"><template><el-search-table-paginationtype="local":data="tableData":columns="columns":form-options="formOptions"></el-search-table-pagination></template></el-main></template><script>export default { data() { return { formOptions: { inline: true...
searchHandler 重新搜索数据,参数表示是否重置分页为1,默认为true。使用方法this.$refs['el-search-table'].searchHandler(false)(例中el-search-table-handler的ref属性为el-search-table) resetPageIndex Slots slot名称说明 form table 上部展示一个搜索区域,该slot下通过scope可以访问到两个属性:loading(查询中的lo...
<template> <el-search-table-paginationtype="local":data="tableData":page-sizes="[5,10]":columns="columns":form-options="formOptions"> </el-search-table-pagination> </template><script>exportdefault{data() {return{formOptions:{inline:true,submitBtnText:'Search',forms:[{ prop:'name', labe...
here goes some slots </el-search-table-pagination> </template> <script> export default { data() { return { showDialog: false, columns: [ { prop: 'name', label: 'Name', minWidth: 200, sortable: 'custom' }, { prop: 'start_date', label: 'Start Date',width: 140, sortable: '...
Add a powerful global component <vue3-pro-table /> based on element-plus for vue3 projects. This component provides features such as search, table, and pagination. - Hans774882968/vue3-el-pro-table