<template>
  <div class="test">
      <LazyTable :table-data="data" :table-height="400" :lazy-size="30" :highlight-current-row="true">
          <el-table-column
            prop="name"
            label="名称">
          </el-table-column>
          <el-table-column
            prop="index"
            label="排序"
            sortable>
          </el-table-column>
      </LazyTable>
  </div>
</template>

<script>
import components from '../../components/index'
export default {
  data(){
      return {
          data:Array.apply(null, { length: 100 }).map((item, index) => {
              if(index == 12){
                return {
                    name:'第'+index+'行'}
              }else{
                return {
                    name:'第'+index+'行',
                    index
                }
              }
          })
      }
  },
  components
}
</script>

<style scoped>
.test{
    width: 100%;
    height: 500px;
    position: relative;
}
</style>