Spreadsheet

Premium

Updated on Jan 7, 2026

Represents the KendoReact Spreadsheet component.

Accepts properties of type SpreadsheetProps. Obtaining the ref will give you an object of type SpreadsheetHandle.

A Functional Component.

jsx

const sheets = [
  {
    name: 'Food Order',
    rows: [
      {
        cells: [
          {
            value: 216321,
            textAlign: 'center',
          },
        ],
      },
    ],
    columns: [
      {
        width: 100,
      },
    ],
  },
];
const App = () => {
  return (
    <Spreadsheet
      style={{
        width: "100%",
        height: 680,
      }}
      defaultProps={{
        sheets,
      }}
    />
  );
};

Name	Type	Default	Description
props	SpreadsheetProps intersected with RefAttributes<"null" | SpreadsheetHandle>		The props of the Spreadsheet component.