aim-data-grid-cells
TypeScript icon, indicating that this package has built-in type declarations

1.2.0-beta.10 • Public • Published


Glide Data Grid Cells

Additional cells and features for Glide Data Grid

Version React 16+ npm bundle size License Made By Glide

Data Grid

Current cells

  • Star (Rating) Cell
  • Sparklines
  • Article
  • Dropdown
  • Range
  • User profile
  • Tags

Usage

Step 1: Add the extra cells to your grid.

import { useExtraCells } from "aim-data-grid-cells";

const Grid = () => {
    const { customRenderers } = useExtraCells();
    return <DataEditor customRenderers={customRenderers} {...rest} />;
};

Step 2: Use the cells in your getCellContent callback

import type { StarCell } from "aim-data-grid-cells";

const getCellContent = React.useCallback(() => {
    const starCell: StarCell = {
        kind: GridCellKind.Custom,
        allowOverlay: true,
        copyData: "4 out of 5",
        data: {
            kind: "star-cell",
            label: "Test",
            rating: 4,
        },
    };

    return starCell;
}, []);

Note on ArticleCell

The ArticleCell uses @toast-ui/editor to provide its editor. To make sure it works correctly your project will need to import the css file it depends on.

import "@toast-ui/editor/dist/toastui-editor.css";

Package Sidebar

Install

npm i aim-data-grid-cells

Weekly Downloads

99

Version

1.2.0-beta.10

License

MIT

Unpacked Size

330 kB

Total Files

126

Last publish

Collaborators

  • grace_ji