el-table多表头-动态列-在后台管理系统权限分配中的实现

 

原界面bootstrap+jQuery实现

 

 

新界面vue+element

利用element的表格实现,目前代码展示没有原来的PHP直接呈现的时候快,原因应该是页面一次性展示元素太多造成的

待优化

 

代码

 

<!--有部门权限----------------------------------------------------------------------------->
<!--                              v-if="item.fun_use_role.cols.length>1"  列大于1的才显示  数据中有1个多余的数据-->
<el-table stripe border fit highlight-current-row
          :data="item.fun_use_role.tableData"
          style="width: 100%;margin-top: 20px"
          v-if="item.fun_use_role.cols.length>1"
          height="500"
          size="mini"

>
    <!--第一列锁定:fixed="index_col===0"-->