更新记录

1.0.0（2022-12-26） 下载此版本

第一版提交

平台兼容性

lwt-table

仿 element-ui 的 el-table， 适用范围：h5、app-plus 因为小程序不支持自定义 render，所以暂不支持小程序

lwt-table 属性

可以通过 customStyle 给表格一个固定高度 即可产生上下滚动，否则默认根据内容撑开

lwt-column 属性

用法

<template>
  <lwt-table :data="table" :custom-style="{ height: '300px' }">
    <lwt-column label="月份" prop="month" fixed :width="80" />
    <lwt-column label="成本合计" prop="total" />
    <lwt-column label="公司成本" prop="value" />
    <lwt-column label="项目成本" prop="value1" />
    <lwt-column label="项目地址" prop="addr" fixed="right" width="200">
      <view slot-scope="{ row }" style="color: red">
        {{ row.addr || "--" }}
      </view>
    </lwt-column>
  </lwt-table>
</template>

<script>
export default {
  data() {
    return {
      table: [
        {
          month: "1月",
          total: 2213,
          value: 232,
          value1: 23324,
          addr: "床前明月光，疑是地上霜。举头望明月，低头思故乡。",
        },
        { month: "2月", total: 2213, value: 232, value1: 23324 },
        { month: "3月", total: 2213, value: 232, value1: 23324 },
        { month: "4月", total: 2213, value: 232, value1: 23324 },
        { month: "5月", total: 2213, value: 232, value1: 23324 },
        { month: "6月", total: 2213, value: 232, value1: 23324 },
        { month: "7月", total: 2213, value: 232, value1: 23324 },
        { month: "8月", total: 2213, value: 232, value1: 23324 },
        { month: "9月", total: 2213, value: 232, value1: 23324 },
        { month: "10月", total: 2213, value: 232, value1: 23324 },
        { month: "11月", total: 2213, value: 232, value1: 23324 },
        { month: "12月", total: 2213, value: 232, value1: 23324 },
      ],
    };
  },
};
</script>