Skip to content

useMergeTableCell 合并单元格

简介

针对element-plus 表格,简化大部分应用场景的单元格合并负担,支持纵向横向同值单元格合并。

基本使用

对列同值合并(纵向)

指定prop即可

对行同值合并(横向)

行的同值合并就相对复杂,要指定rowindex【可以是直接指定行的index数字也可以是函数,也可以是一个回调函数,回调函数的参数是rowindex,如果某个行要合并就返回true】,也就是哪些行需要合并,然后要指定相邻列的字段,当然也可以行列合并同时使用。

类型参考(TS)

ts
const useMergeTableCell: <T extends any[]>(data: Ref<T>, prop: string[], rowOptions?: {
    rowIndex: number[] | ((index: number) => boolean);
    adjoinProp: string[];
}) => (p: TableSpanMethodProps) => {
    colspan: number;
    rowspan: number;
}

WetProElement