col-table v1.0.1

col-table

安装

npm install --save col-table

实例

<template>
  <div class="col-table-page">
    <col-table :data="tableData" height="300" class="scroll-style">
      <col-table-column prop="name" label="姓名"></col-table-column>
      <col-table-column prop="age" label="年龄"></col-table-column>
      <col-table-column prop="height" label="身高"></col-table-column>
      <col-table-column prop="weight" label="体重"></col-table-column>
      <col-table-column prop="hobby" label="爱好"></col-table-column>
      <col-table-column prop="professional" label="职业"></col-table-column>
      <col-table-column prop="address" label="地址"></col-table-column>
    </col-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        {
          name: '张三',
          age: 18,
          height: 170,
          weight: 110,
          hobby: '敲代码',
          professional: '码农',
          address: '哈尔滨'
        },
        {
          name: '李四',
          age: 20,
          height: 171,
          weight: 130,
          hobby: '旅游',
          professional: '行政',
          address: '襄阳'
        }
      ]
    }
  }
}
</script>