VUE ElementUI Table fixed custom trailing line

<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: " 1518 "
          }, {
            date: "2016-05-04",
            name: "",
            address: " 1517 "
          }, {
            date: "2016-05-01",
            name: "",
            address: " 1519 "
          }, {
            date: "2016-05-03",
            name: "",
            address: " 1516 "
          }]
        }
      }
    }
  </script>

using the ElementUI table component as shown in the following figure, you want to be able to fix it in the last row of the table

I"ve been thinking about it for a long time, but I haven"t figured out what to do


just add a line of filter directly to the outer layer of table. There is no need to write it in table and manually brush through the data. The effect is the same


clipboard.png

.
Menu