1.2.0-beta.8 • Published 8 days ago
aim-data-grid-cells v1.2.0-beta.8
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";
1.2.0-beta.8
8 days ago
1.2.0-beta.7
8 days ago
1.2.0-beta.6
8 days ago
1.2.0-beta.1
16 days ago
1.2.0-beta.3
16 days ago
1.2.0-beta.2
16 days ago
1.2.0-beta.5
16 days ago
1.2.0-beta.4
16 days ago
1.1.0-alpha.2
2 months ago
1.1.0-alpha.1
2 months ago
1.0.2-alpha.2
4 months ago
1.0.2-alpha.1
4 months ago
1.0.2-alpha.0
4 months ago
1.0.1-alpha.0
4 months ago
1.0.0-alpha.0
4 months ago