4种表格大小切换

基础用法

使用":table_size"属性控制，传入yuiTableClass中的四种table类型名称。

类型名称	效果
yuiTableClass.ExtraSmall	极小
yuiTableClass.Small	小
yuiTableClass.Medium	中等
yuiTableClass.Large	大

html示例：

<yui-table
    :rowData="rowData数据对象"
    :headerData="headerData数据对象"
    :controlAtrr="controlAtrr数据对象"
    :table_size="elTableClass"
>
</yui-table>

vue.js示例：

<script lang="ts">
// 引入yui-table大小样式组件
  import {yuiTableClass} from '@/enums/tableEnum';
  
  data() {
      return {
        // table大小样式选择yuiTableClass：Large、Medium、Small、ExtraSmall
        elTableClass: yuiTableClass.ExtraSmall,
   },

</script>

效果

以下分别为ExtraSmall、Small、Medium、Large四种大小

注意事项

设置table_size时，底部分页区域组件的大小会联动变动，规则如下：

tableExtraSmall、tableSmall：分页组件缩小显示

tableMedium、tableLarge：分页组件正常大小显示