TypeScript
Result
简述

公共表格

展示行列数据

何时使用

  1.当有大量结构化的数据需要展现时;
  2.当需要对数据进行排序、搜索、分页、自定义操作等复杂行为时。

引入此组件

{{importModulStr}}
API
参数 说明 是否必填 类型 默认值 [tableData] 数据数组 必填 any[] - [bcacColumnOptions] 列设置JSON对象数组 必填 any[] - [bcacUniqueIndex] 序列字段 必填 string rid [bcacLoading] 设置tableLoading状态 必填 boolean false [bcacShowTitle] 设置表格标题 选填 string 基础数据表 [bcacCloseTitle] 关闭表格标题 选填 - - [bcacCloseTableIcon] 关闭表格右肩操作区域 选填 - - [bcacCloseTableAddIcon] 关闭表格右肩操作区域新增按钮 选填 - - [bcacCloseTableConfigIcon] 关闭表格右肩操作区域设置按钮 选填 - - [bcacShowBatchReviewIcon] 开启表格右肩操作区域批量审核按钮 选填 - - [bcacShowReviewRecordIcon] 开启行级别审核记录按钮 选填 - - [bcacShowPreviewIcon] 开启行级别预览按钮 选填 - - [bcacShowdownloadIcon] 开启行级别下载按钮 选填 - - [columnConfigWidth] 配置列显示设置弹框宽度 选填 string 14rem [bcacCloseTableDeleteIcon] 关闭表格右肩操作区域删除按钮 选填 - - [bcacCloseTableExcelIcon] 关闭表格右肩操作区域excel导出按钮 选填 - - [bcacCloseBatchDownIcon] 关闭表格右肩操作区域下载按钮 选填 - - [bcacCloseTableSearch] 关闭表格右肩操作区域搜索框 选填 - - [bcacCloseRowOperation] 关闭表格操作列 选填 - - [bcacRowOperationWidth] 设置操作列宽度 选填 string 8rem [bcacCloseDetailRowIcon] 关闭表格行操作里面的详情按钮 选填 - - [bcacShowEditorRowIcon] 开启表格行操作里面的编辑按钮 选填 - - [bcacShowDeleteRowIcon] 开启表格行操作里面的删除按钮 选填 - - [bcacShowReviewIcon] 开启表格行审核按钮 选填 - - [bcacClosePagination] 关闭表格分页 选填 - - [bcacPageSize] 设置表格pageSize 选填 number 10 [bcacPageSizeOptions] 设置表格pageSizeOptions 选填 number[] [10, 20, 50, 100] [bcacCheckField] 设置checkbox使用字段 必填 string rid [bcacCloseCheckBox] 关闭checkbox 选填 - - [bcacCheckBoxWidth] 设置checkbox列宽度 选填 string 3.8rem (bcacAddEmit) 表格添加按钮点击触发器 选填 - - (bcacBatchDeleteEmit) 表格批量删除按钮点击触发器 选填 - - (BcacBatchDownloadEmit) 表格批量下载按钮点击触发器 选填 - - (bcacDetailEmit) 行详情按钮点击触发器 选填 - - (bcacEditorEmit) 行编辑按钮点击触发器 选填 - - (bcacDeleteEmit) 行删除按钮点击触发器 选填 - - (bcacReviewEmit) 行审核按钮点击触发器 选填 any - (bcacBatchReviewEmit) 批量审核按钮点击触发器 选填 any[] - (bcacReviewRecordEmit) 表格行审核记录按钮点击触发器 选填 any - (bcacPreviewEmit) 行操作预览按钮点击触发器 选填 any - (bcacDownloadEmit) 行操作下载按钮点击触发器 选填 any - (checkBoxEmit) checkBox选择变化触发器 选填 - -