EllipsisCell.tsx 471 B

1234567891011121314151617181920
  1. import { Tooltip } from "antd";
  2. type EllipsisCellProps = {
  3. value: unknown;
  4. };
  5. export default function EllipsisCell({ value }: EllipsisCellProps) {
  6. const text = value === null || value === undefined || value === "" ? "-" : String(value);
  7. const node = <span className="table-cell-ellipsis">{text}</span>;
  8. if (text === "-") {
  9. return node;
  10. }
  11. return (
  12. <Tooltip title={text} placement="topLeft" mouseEnterDelay={0.3}>
  13. {node}
  14. </Tooltip>
  15. );
  16. }