All files / src/form/subTable SubTableFormDisplayComponentCell.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
 
 
 
 
 
 
66x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import React, { ReactElement } from "react";
import { ObjectValues, TableMetaProps } from "@props/RecordProps";
import { Popover } from "antd";
import { TableOutlined } from "@ant-design/icons";
import SubTableForm from "./SubTableForm";
 
const SubTableFormDisplayComponentCell = (props: {
  zIndex: number,
  owner?: ObjectValues;
  column: TableMetaProps;
  ownerClass: string;
}): ReactElement => {
  const { zIndex, owner, column, ownerClass } = props;
  return <Popover
    trigger="click"
    placement="bottom"
    content={
      <div>
        <SubTableForm
          column={column}
          owner={owner}
          editMode={false}
          ownerClass={ownerClass}
          zIndex={zIndex}
        />
      </div>
    }
    overlayStyle={{
      zIndex: zIndex + 2,
      maxWidth: 800,
    }}
  >
    <TableOutlined/>
  </Popover>;
};
 
export default SubTableFormDisplayComponentCell;