Skip to content
本页目录

表格

演示代码

vue
<template>
  <page-table
    :headers="['项目名称', '执行科室', '数量', '金额']"
    :rows="items"
    :cls="['flex-1', 'flex-1', 'w-120', 'w-166']"
    :keys="['name', 'doDept', 'num', 'price']"
  ></page-table>
</template> 
 
<script>
export default {
  data() {
    return {
      items: [
        {
          name: '颈部CT',
          doDept: '放射科',
          num: 1,
          price: 1292.01
        },
        {
          num: 133,
          name: '颈部CT2',
          doDept: '放射科2',
          price: 1292.25
        }
      ]
    }
  }
}
</script>

Attributes

属性名称类型默认值说明
headersArray[]表头
rowsArray[]表数据
clsArray[]控制每个表格宽度的类样式,自行实现样式宽度
keysArray[]表数据取值的key
表格已经加载完毕