Links

TableEditor

A table editor dialog to edit name, range and other options of a table
Brings up a table editor
import { CanvasGrid, DeleteSheetConfirmation } from "@rowsncolumns/spreadsheet"
import { useSpreadsheetState } from "@rowsncolumns/spreadsheet-state"
const App = () => {
const activeSheetId = 1
const { onUpdateTable, onRequestEditTable, getSheetName } = useSpreadsheetState({
...
})
return (
<>
<button onClick={() => {
onRequestEditTable(table)
}>Edit table</button>
<CanvasGrid />
<TableEditor
sheetId={activeSheetId}
rowCount={rowCount}
columnCount={columnCount}
getSheetName={getSheetName}
onSubmit={onUpdateTable}
/>
</>
)
}