Vue+Element Ui实现el-table自定义表头下拉选择表头筛选_电脑知识

Vue+Element Ui实现el-table自定义表头下拉选择表头筛选

创始人

2024-11-13 00:10:08

用vue+element ui开发管理系统时，使用el-table做表格，当表格列过多的时候，想要做成可选表头的，实现表格列的筛选显示，效果如下：

代码文件结构：

废话不多说，直接上代码：

第一步：新建名为 TableHeaderRender.vue 的文件

第二步：新建名为 operateTable.vue 的文件

                                                     0"       >                                                       
                                              
                                                                                                                                 {{ item.label }}

                                                                    {{ column.label }}                                                                                                                                                                                     {{ scope.row[column.prop] }}

第三步：在页面中引入operateTable并使用

下一篇：stable-diffusion-webui出现NansException: A tensor with all NaNs was produced in Unet

Vue+Element Ui实现el-table自定义表头下拉选择表头筛选

相关内容

热门资讯