更新记录

1.3.7（2023-07-07）

修复bug,文档更新

1.3.5（2023-04-20）

修复bug

1.3.2（2023-04-18）

完成基础预期功能：border，固定表头，固定列，border，斑马纹，表尾合计等基础功能，具体功能参数看下方列表。

平台兼容性

组件说明

basic-table是基于uniapp开发的列表，参考element-ui设计api和参数,内置斑马纹，border，自定义列，宽度自动计算，合计等功能，现决定免费开源，如果对你有帮助，可给五星好评，如果需要作者帮助，可以给作者买一杯咖啡然后私聊作者。

参数说明

basic-table组件

basic-table columns[]

basic-table 事件

使用示例

index.vue

<template>
   <basic-table :columns="columns" :data="tableData">
      <template #item="{column,scope,index}">
         <view v-if="column.fieldName==='name'">
            {{scope.name}}
         </view>
         <view v-else-if="column.fieldName==='age'">
            {{scope.age}}
         </view>
      </template>
   </basic-table>
</template>

<script>
import BasicTable from '@/pages/components/basic-table/basic-table.vue';
export default {
    components: { BasicTable },
    data() {
        return {
            tableData: [{ name: '张三', age: 18 }, { name: '李四', age: 22 }],
            columns: [
                {
                    fieldName: 'name',
                    fieldDesc: '姓名',
                    fieldType:'slot'
                },
                {
                    fieldName: 'age',
                    fieldDesc: '年龄',
                    fieldType:'slot'
                }
            ]
        };
    },
};
</script>

<style lang="scss"></style>

打赏

如果你觉得本插件，解决了你的问题，可以请作者喝杯咖啡