<template>
    <div class="ht-base-table-adjust-width-demo">
      <ht-base-table :columns="columns13" :data="data5" border></ht-base-table>
    </div>
</template>

<script>
  export default {
    name: 'HtBaseTableAdjustWidthDemo',
    data () {
          return {
              columns13: [
                  {
                      title: 'Date',
                      key: 'date',
                      resizable: true,
                      width: 180
                  },
                  {
                      title: 'Name',
                      key: 'name',
                      resizable: true,
                      width: 180
                  },
                  {
                      title: 'Age',
                      key: 'age',
                      resizable: true,
                      width: 180
                  },
                  {
                      title: 'Address',
                      key: 'address'
                  }
              ],
              data5: [
                  {
                      name: 'John Brown',
                      age: 18,
                      address: 'New York No. 1 Lake Park',
                      date: '2016-10-03'
                  },
                  {
                      name: 'Jim Green',
                      age: 24,
                      address: 'London No. 1 Lake Park',
                      date: '2016-10-01'
                  },
                  {
                      name: 'Joe Black',
                      age: 30,
                      address: 'Sydney No. 1 Lake Park',
                      date: '2016-10-02'
                  },
                  {
                      name: 'Jon Snow',
                      age: 26,
                      address: 'Ottawa No. 2 Lake Park',
                      date: '2016-10-04'
                  }
              ]
          }
      }
  }
</script>
<style lang="less">
    .ht-base-table-adjust-width-demo {

    }
</style>

