Questions tagged [react-table]
React Table is a lightweight, fast and extendable datagrid built for React.
react-table
1,387
questions
1
vote
0
answers
75
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 ...
0
votes
0
answers
13
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 ...
0
votes
0
answers
37
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
18
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 ...
1
vote
1
answer
61
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 ...
0
votes
0
answers
24
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
24
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 ...
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
40
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 ...
0
votes
1
answer
115
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
120
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 ...
0
votes
0
answers
68
views
How to extend the core row model
I have a tanstack react-tables project and I wanted to add some extra functionality to the row model, to be able to store some metadata and functions to interact with that data.
I had thought I got it ...
0
votes
0
answers
88
views
Getting row data in Tankstack Table V8
I'm using Tankstack-react Table V8 in y react project. The table is rendering fine with server side pagination. In each row, there is a edit icon. When the user clicks the edit icon, the edit modal is ...
0
votes
0
answers
123
views
How I can re render the cells of my react-table tanstack with conditional defaultColumn
I want from the following code to show the defaultColumn (which will stop editing data as an input) conditionally based on a toggle button that will change the state of isEditable
The problem is that ...