关于假分页的情况 在后端没有返回 分页字段 而是把全部数据返回的情况下如何做分页功能
问题描述:
还是如图想要这种效果 用饿了么ui不太好改 因为得加一个首页跟尾页
<el-table
:data="a"
ref="aa"
@selection-change="aaa"
label-class-name="DisabledSelection"
border
:header-cell-style="{
background: '#f5f5f5',
'font-weight': 500,
color: '#666',
padding: '12 5px'
}"
style="width: 100%"
key="table1"
@select-all="selectAll"
>
<el-table-column type="selection" align="center">
</el-table-column>
<el-table-column prop="data.money" label="票金额" align="center">
</el-table-column>
<el-table-column prop="name" label="名字" align="center">
</el-table-column>
</el-table>
{{ multipleSelection }}
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data () {
return {
a: [
{
name: '张三',
data: {
money: '10000000',
age: 18
}
},
{
name: '李四',
data: {
money: '220000000',
age: 20
}
}
],
答
那你就在前端 自己写个分页方法,计算总记录数,总页数,第一页,最后一页,这些分别计算出来,然后每次翻译的时候,你需要处理一下 table 的list 根据页的下标返回 list对应的 数据,就可以实现分页了啊