ljl_table v1.0.1

table组件的使用

组件传值

wxml

<table thead_arr="{{thead_arr}}" tbody_arr="{{tbody_arr}}" tbody_arr_field="{{tbody_arr_field}}"></table>

JavaScript

page({
    data: {
    thead_arr: [{
        id: 1,
        "title": '编号'
      },
      {
        id: 3,
        "title": '姓名'
      },
      {
        id: 2,
        "title": '年龄'
      },
      {
        id: 2,
        "title": '学校'
      }
    ],
    tbody_arr:[
      {
        id:1,name:'小明',age:25,school:'河北软件职业技术学院'
      },
      {
        id:2,name:'小红',age:22,school:'河北软件职业技术学院'
      },
      {
        id:3,name:'小黄',age:21,school:'河北软件职业技术学院'
      }
    ],
    tbody_arr_field:['id','name','age','school']
  },
})

样例

样式类

JavaScript

• 基本实例

page({
    data:{
        table_class:['table']
    }
})

• 隔行变色

page({
    data:{
        table_class:['table','table-striped']
    }
})

• 带边框的表格

page({
    data:{
        table_class:['table','table-bordered'],
    }
})