在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ VUE ElementUI Table 固定自定義的尾行

VUE ElementUI Table 固定自定義的尾行

<template>
    <el-table
      :data="tableData"
      style="width: 100%">
      <el-table-column
        prop="date"
        label="日期"
        width="180">
      </el-table-column>
      <el-table-column
        prop="name"
        label="姓名"
        width="180">
      </el-table-column>
      <el-table-column
        prop="address"
        label="地址">
      </el-table-column>
    </el-table>
  </template>

  <script>
    export default {
      data() {
        return {
          tableData: [{
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀區(qū)金沙江路 1518 弄'
          }, {
            date: '2016-05-04',
            name: '王小虎',
            address: '上海市普陀區(qū)金沙江路 1517 弄'
          }, {
            date: '2016-05-01',
            name: '王小虎',
            address: '上海市普陀區(qū)金沙江路 1519 弄'
          }, {
            date: '2016-05-03',
            name: '王小虎',
            address: '上海市普陀區(qū)金沙江路 1516 弄'
          }]
        }
      }
    }
  </script>

如下圖所示 使用ElementUI table 組件 希望可以在表格最后一行固定 

想了很久也沒想好要怎么做 

圖片描述

回答
編輯回答
朕略萌

clipboard.png

2018年5月23日 20:38
編輯回答
艷骨

直接下table外層的增加一行篩選就好了,沒有必要寫在table里面去,手動刷選數(shù)據(jù),效果是一樣的

2017年12月8日 13:47