message: feat:click column header to copy key to clipboard
diff: @@ -24,11 +24,13 @@ import DeleteIcon from "@material-ui/icons/Delete";
  import DuplicateIcon from "@material-ui/icons/FileCopy";
  import useStyles from "./useStyle";
  import Grid from "./Grid";
  +import Tooltip from "@material-ui/core/Tooltip";
  const Hotkeys = lazy(() => import("./HotKeys"));
  const TableHeader = lazy(() => import("./TableHeader"));
  const SearchBox = lazy(() => import("../SearchBox"));
  const DocSelect = lazy(() => import("../Fields/DocSelect"));
  const ColumnEditor = lazy(() => import("./ColumnEditor/index"));
  +
  const deleteAlgoliaRecord = functions.httpsCallable(
  CLOUD_FUNCTIONS.deleteAlgoliaRecord
  );
  @@ -106,8 +108,14 @@ function Table(props: Props) {
  );
  default:
  return (
  + <Tooltip title={props.column.key}>
  <div className={classes.header}>
  - <div className={classes.headerLabel}>
  + <div
  + className={classes.headerLabel}
  + onClick={() => {
  + navigator.clipboard.writeText(props.column.key);
  + }}
  + >
  {getFieldIcon(props.column.type)}
  <Typography variant="button">{props.column.name}</Typography>
  </div>
  @@ -119,6 +127,7 @@ function Table(props: Props) {
  <SettingsIcon />
  </IconButton>
  </div>
  + </Tooltip>
  );
  }
  };
  @@ -131,10 +140,10 @@ function Table(props: Props) {
  .filter((column: any) => !column.hidden)
  .map((column: any) => ({
  width: 220,
  - draggable: column.draggable,
  - editable: editable(column.type) && column.editable,
  - resizable: column.resizable,
  - frozen: column.fixed,
  + draggable: true,
  + editable: editable(column.type),
  + resizable: true,
  + //frozen: column.fixed,
  headerRenderer: headerRenderer,
  formatter:
  column.type === FieldType.documentSelect
  