lanyun-table

介绍

一个简单数据表格的基本样子

使用方法

import "../../components/lanyun-table/lanyun-table.stml";

例子

    <lanyun-table
        :list="listObject"
        scrollX="true"
        :child-color="childColor"
     />
    listObject: {
        header: ['序号','姓名','性别','年龄','民族'],
        body: [
            {
                'id': 1, 'name': '李磊', 'sex': '男', 'age': '18', 'ob': '汉'
            },{
                'id': 2, 'name': '张三', 'sex': '男', 'age': '19', 'ob': '汉'
            },{
                'id': 3, 'name': '李四', 'sex': '女', 'age': '23', 'ob': '汉'
            },{
                'id': 4, 'name': '王五', 'sex': '男', 'age': '16', 'ob': '汉'
            },{
                'id': 5, 'name': '赵六', 'sex': '女', 'age': '32', 'ob': '汉'
            }
        ]
    },
    childColor: {
        color: 'white',
        backgroundColor: 'red'
    }

props 属性

参数 说明 类型 默认值
list 表格数据,必填 Object {}
scrollX 横向滚动,选填 Boolean false
child-color 偶数行样式,选填 Object {color: '#333',backgroundColor: '#eee'}