Vue background management system project-table selection multi-line data paging list, one-click full selection reset function

table selects multiple rows of data

Features:

1. List pagination function;

2. Select all with one click, select all data in the list;

3. Select all, select the current page data;

4. Reset, clear the selected state;

5. List search query;

 Effect:

43a4116bb4f64b9984df70603394286b.png

5bbd1b3c1e1d4abf9658459d4cbf6c52.png

 1. List paging function

<!-- 新建发送  船载终端 列表数据 -->
<el-table :data="newShipTableData" ref="newShipTableData" border highlight-current-row element-loading-text="拼命加载中"
            style="width: 100%;height:auto;" :header-cell-style="{textAlign: 'center',background:'#fafafa'}"
            :cell-style="{ textAlign: 'center' }" @se

Guess you like

Origin blog.csdn.net/SmartJunTao/article/details/129138588