更新记录

1.0.0（2024-01-22） 下载此版本

可固定首列

平台兼容性

sa-table

引用并注册插件

import saTable from '@/uni_modules/sa-table/components/sa-table/sa-table.vue'
components: {
    saTable
}

使用插件

<saTable :headers="headers" :contents="contents" :firstFixed="true" :tableHeight="500"></saTable>

参数说明

headers 表头数据 数组必传

数据格式示例 key值对应contents数组key

headers: [{
        text: '姓名',
        key: 'name',
        width:'200'
}, {
        text: '年龄',
        key: 'age',
        align:'right',
        width:'160'
}, {
        text: '性别',
        key: 'sex',
        width:'160'
}, {
        text: '爱好',
        key: 'hobby',
        width:'300'
}, {
        text: '学院',
        key: 'collage',
        width:'300'
}, {
        text: '成绩',
        key: 'score',
        width:'300'
}]

contents 表体数据 数组必传

数据格式示例 key对应headers数组key值

contents: [{
        name: '赵',
        age: '',
        collage: '信息学院',
        score: '99',
        sex:'男',
        hobby:'女'
}, {
        name: '钱',
        age: '18',
        collage: '商学院',
        score: '98',
        sex:'女',
        hobby:'男'
}, {
        name: '孙',
        age: '22',
        collage: '统计与数学学院',
        score: '97',
        sex:'男',
        hobby:'女'
}, {
        name: '李',
        age: '19',
        collage: '城市与环境学院',
        score: '96',
        sex:'女',
        hobby:'男'
}, {
        name: '周',
        age: '20',
        collage: '旅游与酒店管理学院',
        score: '95',
        sex:'男',
        hobby:'女'
}, {
        name: '吴',
        age: '20',
        collage: '',
        score: '88',
        sex:'男',
        hobby:'女'
}, {
        name: '郑',
        age: '21',
        collage: '',
        score: '95',
        sex:'男',
        hobby:'女'
}, {
        name: '王',
        age: '21',
        collage: '会计学院',
        score: '85',
        sex:'男',
        hobby:'女'
}]

firstFixed 首列固定默认false不固定

tableHeight 表格高度如果设置可能会出现纵向滚动条 Boolean