2022-03-02 15:00:38 +08:00
2022-03-02 10:56:22 +08:00
2022-03-02 10:56:22 +08:00
2022-03-02 10:56:22 +08:00
2022-03-02 10:56:22 +08:00
2022-03-02 10:56:22 +08:00
2022-03-02 10:56:22 +08:00
2022-03-02 10:56:22 +08:00
2022-03-02 10:56:22 +08:00
2022-03-02 10:56:22 +08:00
2022-03-02 10:56:22 +08:00

介绍

基于uni-app开发的一个普通的表格组件 ,功能有固定首列和表头,已用于生产环境

table 属性

参数 说明 类型 可选值 默认值 是否必须
data 显示的数据 array -- -- 必须
column 显示的列数据 array -- -- 必须
stripe 是否为斑马纹 table boolean - false
fit 列的宽度是否自撑开 boolean true,false false
show-header 是否显示表头 boolean true,false true

column 属性

参数 说明 类型 可选值 默认值
name 属性值 string -- --
label 显示的标题 string -- --
width 列的宽度 number -- 100
fixed 列是否固定在左侧true 表示固定在左侧 boolean true,false --
sorter 排序 boolean true,false --

数据格式

column:[
          { name: 'name', label: '姓名',fixed:true },
          { name: 'age', label: '年纪' },
          { name: 'sex', label: '性别' },
          { name: 'address', label: '地址' },
          { name: 'date', label: '日期' },
          { name: 'province', label: '省份' },
          { name: 'city', label: '城市' },
          { name: 'zip', label: '邮编' },
        ],
        
 data:[
          {
            date: '2016-05-02',
            name: '王小虎1',
            province: '上海',
            sex:'男',
            age:'18',
            city: '普陀区',
            address: '上海市普',
            zip: 200333
          },
          {
            date: '2016-05-02',
            name: '王小虎2',
            province: '上海',
            sex:'男',
            age:'18',
            city: '普陀区',
            address: '上海市普',
            zip: 200333
          },
          {
            date: '2016-05-02',
            name: '王小虎3',
            province: '上海',
            sex:'男',
            age:'18',
            city: '普陀区',
            address: '上海市普',
            zip: 200333
          },
          {
            date: '2016-05-02',
            name: '王小虎4',
            province: '上海',
            sex:'男',
            age:'18',
            city: '普陀区',
            address: '上海市普',
            zip: 200333
          },
          {
            date: '2016-05-02',
            name: '王小虎5',
            province: '上海',
            sex:'男',
            age:'18',
            city: '普陀区',
            address: '上海市普',
            zip: 200333
          },{
            date: '2016-05-02',
            name: '王小虎6',
            province: '上海',
            sex:'男',
            age:'18',
            city: '普陀区',
            address: '上海市普',
            zip: 200333
          },{
            date: '2016-05-02',
            name: '王小虎7',
            province: '上海',
            sex:'男',
            age:'18',
            city: '普陀区',
            address: '上海市普',
            zip: 200333
          },{
            date: '2016-05-02',
            name: '王小虎8',
            province: '上海',
            sex:'男',
            age:'18',
            city: '普陀区',
            address: '上海市普',
            zip: 200333
          },{
            date: '2016-05-02',
            name: '王小虎9',
            province: '上海',
            sex:'男',
            age:'18',
            city: '普陀区',
            address: '上海市普',
            zip: 200333
          }

        ]       
Description
No description provided
Readme 3.1 MiB
Languages
Vue 56.2%
JavaScript 24.4%
SCSS 12.8%
CSS 6.1%
HTML 0.5%