Currently, I’m experiencing a problem in my table. For example, I have 25 rows of data displayed in a hottable. After using autofill to drag down 25 rows, the data is successfully displayed. However, the issue is that when I drag the autofill past row 25, rows 26, 27, etc., appear. How can I resolve this issue?
<HotTable ref={ref}
data={data}
copyPaste={true}
beforePaste={handleBeforeCopyPaste}
multiSelect={true}
search={true}
afterChange={handleAfterChange}
columns={hotColumns}
width="100%"
rowHeaders={true}
colHeaders={true}
autoWrapRow={true}
height={900}
autoWrapCol={true}
renderAllRows={false}
viewportRowRenderingOffset={20}
pagination={false}
fillHandle={
{
direction: 'vertical',
autoInsertRow: true
}
}
beforeKeyDown={handleBeforeKeyDown}
afterOnCellMouseDown={handleAfterOnCellMouseDown}
afterPageSizeChange={handleAfterPageSizeChange}
observeChanges={false}
licenseKey="non-commercial-and-evaluation"
contextMenu={true}
stretchH="all"
dragToScroll={true}
autoColumnSize={{ allowSampleDuplicates: true, }}
autoRowSize={false}
outsideClickDeselects={false}
rowHeights={13}
viewportColumnRenderingOffset={10}
manualRowResize={false}
manualColumnResize={true}
wordWrap={false}
afterPageChange={handleAfterPageChange}
/>
