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

.
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b34823-2b698.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b34823-2b698.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?