Questions tagged [react-table]
React Table is a lightweight, fast and extendable datagrid built for React.
react-table
1,390
questions
-1
votes
0
answers
6
views
Lazy Load from Sequelize and React
I have a next.js app that uses react-table on the front end and gets data from a postgres database using sequelize. The initial query is very slow as it pulls all records at once (approx. 10K). I'd ...
1
vote
1
answer
15
views
React table with lazy loading that display the whole table height initially
I am using react-table v8 and I would like to enhance our tables performance as our cells are a little bit complex and we receive thousands of data. Therefore, I think it's time to switch from client ...
- 559
1
vote
0
answers
21
views
How to make only one column to trigger sorting?
So I'm building a table with Tanstack Table library. I need only the "Age" column to sort when it's clicked. How do i do it?
<thead>
{table.getHeaderGroups().map((headerGroup) =>...
- 11
0
votes
0
answers
90
views
Columns setup giving strange behaviour with react-table (Tanstack Table v8)
Some column attributes when changed slightly in the given data, will completely break the table and I have no idea why.
For context, I have a habit tracker table, where each cell contains a checkbox ...
- 55
0
votes
0
answers
15
views
react-table: Getting rendered value of column
I need to get an array of all rendered values of a column in order to populate an autocomplete component.
My problem is that the rendered values for the column in question are derived via a cell ...
- 186
0
votes
0
answers
39
views
How to resize table rows based on its content?
I am trying to write a logic where table rows are resized based on its content.
I am currently using @tanstack/react-table and @adsk/alloy-react-table for the table creation.
Current table ...
0
votes
0
answers
20
views
How can I render subRows data for two different dropdowns based on subRows property for tanstack react table library?
I'm looking through the docs and was able to create a dropdown for subRows with useExpanded, but I need to create two dropdowns that filters data in subRows based on property 'isAnalysisRow'. So ...
- 21
1
vote
1
answer
70
views
Querying data with React Query and React Table causes page crash
I'm developing an app with React Query and React Table but table seems to break when I change the query key, thus causing the website to crash.
I opened an issue on their GH but I still have no ...
- 1,965
0
votes
0
answers
25
views
React Table filter by Column
I have this code that is a component for a table in react vite with tsx, right now I'm trying to apply some input filter in each column. I alredy have the filter logical, but the table is rendered ...
0
votes
0
answers
25
views
How to filter with not-contain condition in TanStack Table?
enter image description here
enter image description here
Currently, the filter condition based on contains still works very well, but my wish is to filter values according to the not-contains ...
0
votes
1
answer
35
views
How to add radio buttons in cell within react table component?
i am new to programming with react and typescript and i am currently trying to add two radio buttons inside a react table row cell.
below is what i am aiming for.
as seen from above i want to add two ...
- 315
0
votes
1
answer
34
views
React-table global filtering issue
I am facing a small bug in my react application. I have created a codesandbox and the will link will be below.
I created an editable table component in react with global search, pagination and ...
0
votes
0
answers
41
views
React editable table resets to first page after search
I am trying to implement a React Editable table where each cell is an input where the user can modify it. I also added a global search and pagination to this table. The problem arises when i try to ...
- 1
0
votes
1
answer
137
views
flexRender function not rendering content in table cells ( tanstack table and shadcn )
i want to build a table with react and shadcn, but i am not getting what i want: there is no content in table cell . this is my code:
import {
ColumnDef,
flexRender,
getCoreRowModel,
...
0
votes
0
answers
136
views
How to implement custom asc and desc sorting? tanstack tab react
How to implement custom asc and desc sorting?
I want to sort the "status field" in such a way that only numeric values are sorted, while blank values remain unchanged and are always placed ...
- 45