ali-react-table/dist/pipeline/features/rowDetail.d.ts

高性能 React 表格组件

import React, { ReactNode } from 'react';
import { TablePipeline } from '../pipeline';
export interface RowDetailFeatureOptions {
    /** 非受控用法：是否默认展开所有详情单元格 */
    defaultOpenAll?: boolean;
    /** 非受控用法：默认展开的 keys */
    defaultOpenKeys?: string[];
    /** 受控用法：当前展开的 keys */
    openKeys?: string[];
    /** 受控用法：openKeys 改变的回调 */
    onChangeOpenKeys?(nextKeys: string[], key: string, action: 'expand' | 'collapse'): void;
    /** 详情单元格的渲染方法 */
    renderDetail?(row: any, rowIndex: number): ReactNode;
    /** 是否包含详情单元格 */
    hasDetail?(row: any, rowIndex: number): ReactNode;
    /** 获取详情单元格所在行的 key，默认为 `(row) => row[primaryKey] + '_detail'` */
    getDetailKey?(row: any, rowIndex: number): string;
    /** 详情单元格 td 的额外样式 */
    detailCellStyle?: React.CSSProperties;
    /** 点击事件的响应区域 */
    clickArea?: 'cell' | 'content' | 'icon';
    /** 是否对触发展开/收拢的 click 事件调用 event.stopPropagation() */
    stopClickEventPropagation?: boolean;
    /** 指定表格每一行元信息的记录字段 */
    rowDetailMetaKey?: string | symbol;
}
export declare function rowDetail(opts?: RowDetailFeatureOptions): (pipeline: TablePipeline) => TablePipeline;