Feature Request: Slow response on text insertion in large datatable #3357
Unanswered
Amit-ga
asked this question in
PrimeReact
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Hello,
I am using primereact datatable with about 30,000 rows. I have a table header which contains a free search textbox:
const renderHeader = () => { return ( <div className="flex justify-content-between"> <Button type="button" icon="pi pi-filter-slash" label="Clear" outlined onClick={clearFilter} /> <IconField iconPosition="left"> <InputIcon className="pi pi-search" /> <InputText value={globalFilterValue} onChange={onGlobalFilterChange} placeholder="Keyword Search" /> </IconField> </div> ); };
Also, I have a regular (String) filter for all the columns:
name: { operator: FilterOperator.AND, constraints: [{ value: null, matchMode: FilterMatchMode.STARTS_WITH }] },
When I start typing in the free search textbox or in the filter textbox, it takes a really long time for each character to appear.
I noticed that with every inserted char, the entire table is rerendered in the free search textbox and something is getting updated in the filter textbox. I wanted to ask if you can add an option of an "Apply" button in the free search box and make it such that nothing happens in both free searching and filtering until the user clicks the apply button, so the overall functionality of the table wont appear so slow.
Thanks,
Amit
Beta Was this translation helpful? Give feedback.
All reactions