vue+elmentui实现table行有边框、自动滚动组件

在Vue中使用Element UI实现带有边框的表格以及自动滚动组件，可以通过设置el-table的border属性来添加行边框，并通过外部样式或内联样式来限制表格的高度和启用滚动。

以下是一个简单的例子：

<template>
  <el-table
    :data="tableData"
    border
    style="height: 250px; overflow-y: auto;"
  >
    <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 弄'
      }, {
        // ...更多数据
      }]
    }
  }
}
</script>
 
<style>
/* 可以在这里添加额外的样式，如果需要 */
</style>

在这个例子中，el-table组件通过border属性来显示边框，并通过内联样式style设置了表格的高度和开启了垂直滚动。el-table-column定义了表格的列。这个例子提供了一个简单的表格，并通过数据驱动的方式展示了数据的动态加载。