DataSource API
When rendering the DataSource
component, you can get access to the API by getting it from the onReady
callback prop.
<DataSource<DATA_TYPE>
onReady={(api: DataSourceApi<DATA_TYPE>) => {
// api is accessible here
// you may want to store a reference to it in a ref or somewhere in your app state
}}
You can also get it from the InfiniteTable
onReady
callback prop:
<InfiniteTable<DATA_TYPE>
columns={[...]}
onReady={(
{api, dataSourceApi}: {
api: InfiniteTableApi<DATA_TYPE>,
dataSourceApi: DataSourceApi<DATAT_TYPE>
}) => {
// both api and dataSourceApi are accessible here
}}
/>
For API on row/group selection, see the Selection API page.
addData
Adds the specified data at the end of the data source.
addDataArray
Adds an array of data at the end of the data source
getDataByPrimaryKey
Retrieves the data object for the specified primary key.
getRowInfoArray
Returns the current row info array.
insertData
Inserts the given data at the specified position relative to the given primary key.
insertDataArray
Inserts an array of data at the specified position (and relative to the given primary key).
updateData
Updates the data item to match the given data object.
updateDataArray
Updates an array of data items to match the given data objects.
onReady
Called only once, after the DataSource component has been mounted.
removeData
Removes the data item that matches the given data object.
removeDataArray
Removes the data items that match the given data objects.
removeDataArrayByPrimaryKeys
Removes the data items with the specified primary keys.
removeDataByPrimaryKey
Removes the data item with the specified primary key.