Interface ColumnMeta

frontend/src/ts/types/tanstack-table.d.ts:8–45

  //This needs to be an interface
  // oxlint-disable-next-line typescript/consistent-type-definitions
  interface ColumnMeta<TData extends RowData, TValue> {
    /**
     * define minimal breakpoint for the column to be visible.
     * If not set, the column is always visible
     */
    breakpoint?: BreakpointKey;

    /**
     * define maximal breakpoint for the column to be visible.
     * If not set, the column is always visible
     */
    maxBreakpoint?: BreakpointKey;

    /**
     * align header and cells, default: `left`
     */
    align?: "left" | "right" | "center";

    /**
     * additional attributes to be set on the table cell.
     * Can be used to define mouse-overs with `aria-label` and `data-balloon-pos`
     */
    cellMeta?:
      | JSX.HTMLAttributes<HTMLTableCellElement>
      | ((ctx: {
          value: TValue;
          row: TData;
        }) => JSX.HTMLAttributes<HTMLTableCellElement>);

    /**
     * additional attributes to be set on the header
     * Can be used to define mouse-overs with `aria-label` and `data-balloon-pos`
     */
    headerMeta?: JSX.HTMLAttributes;

    /** extra classes for the header */
    headerClass?: string;
  }
}