LyteNyte Grid

Drop The Fastest React Data

Grid Into Your App In Seconds

  const [columns, setColumns] = useState<Grid.Column<GridSpec>[]>([

    { id: "Date", name: "Date", width: 200, type: "datetime", cellRenderer: DateCell

    { id: "Status", name: "Status", width: 100, cellRenderer: StatusCell }, 

    { id: "Method", name: "Method", width: 100, cellRenderer: MethodCell }, 

    { id: "timing-phase", name: "Timing Phase", cellRenderer: Timing Phase }, 

    { id: "Pathname", name: "Pathname", cellRenderer: PathnameCell }, 

    { id: "Latency", name: "Latency", width: 120, cellRenderer: LatencyCell }, 

    { id: "region", name: "Region", cellRenderer: RegionCell }, 

  ]);

  const ds = useClientDataSource<GridSpec>({

    data : requestData,

  });

  grid.
cellRoot
cellSelections
columnAutosizer
columnById
columnByIndex
columnField
columnMove
(property) columnMove: (params: { readonly m...
columnResize
columnToggleGroup
columnUpdate
columnView
editBegin

  return

    <di

      <

      <

    </d

  );

}