Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Datatable filter with pagination

See original GitHub issue

carbon-components
[ X] carbon-components-react

I am using the DataTable with Pagination components and the TableToolbarSearch. I have many pages of rows but the filter is doing the search only in the current page, is any way to search in all of the pages? Is any way to execute a server search using the TableToolbarSearch ?

Issue Analytics

State:
Created 4 years ago
Comments:5

Top GitHub Comments

1reaction

nictownsendcommented, Oct 21, 2020

When you updated the data in the table - each row data object can have a selected property set - so if you maintain your list of “selected” outside of the table, when you need to render a new set of data you just need to preprocess it to add the selected property to rows.

0reactions

bitfedecommented, Oct 21, 2020

Your approach makes sense @nictownsend ,but if I have certain selected rows that I want to keep selected, updating the data to render in the table will make me lose the selection every time I apply a new search/filter correct?

Top Results From Across the Web

Data table with sorting, pagination, and filtering. - StackBlitz

Data table with sorting, pagination, and filtering.

DataTable filtering and paging — DataTables forums

How do I filter my table on the values of a certain column. My showAll function needs to show everything except for records...

datatables - Custom filter and pagination - Stack Overflow

I have created custom filter for my DataTables:

DataTables AJAX pagination with Custom filter in CodeIgniter 3

DataTables by default comes with a search filter that can be used to search on all fields or specific fields and display records....

Data / DataTable - Pagination ⋅ Storybook

Sub-components · DataTable.Row = data row · DataTable.Column = header column; · DataTable.Data = data cell · DataTable.Action = table action area ·...