第六篇 Element-ui中el-table的一些用法

关键词

Vue ElementUI el-table

GitHub

stockspec.vue
网站入口

el-table的一些用法

el-table的文档里有很多的例子可以参考,这里记录一些我碰到的问题

  • 固定表头
    文档里的方法是用
 

但是这里有一个问题,如果希望表格占满页面,并且随着页面缩放同步变化应该怎么办。解决方法:可以用window.onresize方法来动态调整table的height



  • 用v-for动态列渲染
    如果数据的props比较多,或者想动态生成列,那可以用v-for和slot-scope来实现。
    stockSpecData就是所有的spec json数据,titleData是所有想显示的列名,具体见源码。
    scope.column.property代表当前列的值,scope.row[scope.column.property]是当前单元格的值。

    
      
    
  

以上一些都只是提供了解决方法,没有对方法进行详细介绍,可以自行搜索用法。个人感觉console.log是最实用的方法之一。

你可能感兴趣的:(第六篇 Element-ui中el-table的一些用法)