Skip to content

# PrTable ​

## Props ​

参数 | 类型 | 默认值 | 必填 | 说明
--- | --- | --- | --- | ---
tableData | Array | - | 是 | -
rowKey | String | "id" | 否 | -
headShow | Boolean | false | 否 | -
lazy | Boolean | false | 否 | -
defaultExpandAll | Boolean | false | 否 | -
boxHeight | String | "" | 否 | -
prHeight | String | - | 否 | -
paginationShow | Boolean | false | 否 | -
curr | Number | 1 | 否 | -
pageSize | Number | 10 | 否 | -
pageSizes | Array | [10 | 否 | -
count | Number | 0 | 否 | -
childrenName | String | "children" | 否 | -
haveChild | String | "haveChild" | 否 | -
checkStrictly | Boolean | false | 否 | -
treeProps | Object | () => ({}) | 否 | -
border | Boolean | true | 否 | -
spanMethod | Function | - | 否 | -
sortRowDrop | Boolean | false | 否 | -
padding | String | "" | 否 | -
prPadding | Boolean | false | 否 | -
highlightRow | Boolean | false | 否 | -
tableHeight | [String, Number] | - | 否 | -
tableHight | [String, Number] | - | 否 | -
maxHeight | [String, Number] | - | 否 | -
tableWidth | Any | - | 否 | -
tableEmptyImg | Boolean | false | 否 | -
tableEmptyText | String | - | 否 | -
stripe | Boolean | false | 否 | -
expandRowKeys | Array | - | 否 | -
classRowId | [Number, String] | - | 否 | -
tableCellClassName | Function | - | 否 | -
childrenNoDrag | Boolean | false | 否 | -
defaultClassName | String | "highlight" | 否 | -
getRowClass | Function | - | 否 | -
noDropClass | String | 'workItemNoDrop' | 否 | 当开启拖拽的时候，哪一行不可以被拖拽，详情参考工作项目设置，20241108lsyadd
showCustomColumnsButton | Boolean | true | 否 | -
noHeight | Boolean | false | 否 | -
columnList | Array | null | 否 | 列表列定义数组
emptyContent | String | "" | 否 | 操作列宽度(columnList自定义模式开启时生效)
settingsCache | Boolean | false | 否 | 表格个性化缓存开关

## Events ​

事件名 | 说明
--- | ---
load | -
paginationChange | 子表格加载函数
handleSelectionChange | 点击分页函数
expandChange | 点击多选函数
rowDrop | 点击展开缩放函数
handleRowClick | 拖动列函数
handleRowDbClick | 行点击事件
select | 行双击事件
selectAll | 当用户手动勾选数据行的 Checkbox 时触发的事件
sortChange | 全选

## Slots ​

插槽名 | 说明
--- | ---
tableHead | -
`header-${col.prop}` | 自定义表单节点
operation | 操作列表单
`column-${col.prop}` | 自定义表单节点
tableColumn | 否则使用具名插槽传节点
tableAppend | 否则使用具名插槽传节点

## 使用示例 ​

vue

    <template>
      <PrTable />
    </template>

    <script setup>
    import { PrTable } from 'ysj_plugins_dps'
    </script>