el-table 数值滚动

<template>
	<div id="test">
		<el-table :data="tableData" height="300" border style="width: 70vw" ref="reader-table">
			<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>
	</div>
</template>

<script>
export default {
	name: 'test',
	data() {
		return {
			tableData: [
				{
					date: '2016-05-03',
					name: '王小虎',
					address: '上海市普陀区金沙江路 1518 弄'
				},
				{
					date: '2016-05-02',
					name: '王小虎',
					address: '上海市普陀区金沙江路 1518 弄'
				},
				{
					date: '2016-05-04',
					name: '王小虎',
					address: '上海市普陀区金沙江路 1518 弄'
				},
				{
					date: '2016-05-01',
					name: '王小虎',
					address: '上海市普陀区金沙江路 1518 弄'
				},
				{
					date: '2016-05-08',
					name: '王小虎',
					address: '上海市普陀区金沙江路 1518 弄'
				},
				{
					date: '2016-05-06',
					name: '王小虎',
					address: '上海市普陀区金沙江路 1518 弄'
				},
				{
					date: '2016-05-07',
					name: '王小虎',
					address: '上海市普陀区金沙江路 1518 弄'
				}
			]
		}
	},
	methods: {},
	mounted() {
		const table = this.$refs['reader-table']
		const divData = table.bodyWrapper
		setInterval(() => {
			divData.scrollTop += 1
			if (divData.clientHeight + divData.scrollTop == divData.scrollHeight) {
				divData.scrollTop = 0
			}
		}, 100)
	}
}
</script>