Hi I am trying to set up my react app such that when you click on a button in a row item in my react-table the data in that row is passed onto another component. At the moment I am simply trying to...

let { getTableProps, getTableBodyProps, headerGroups, prepareRow, page, canPreviousPage, canNextPage, nextPage, previousPage, state: { pageIndex, sortBy } } = useTable( { columns, dat...

I'm using the react-table package. I made a simple table with row selection. The problem is: The row selection result is an object with indexes: { 0: true, 1: true, ... } But I want to be the p...

I am working on implementation filter method in react table. If I add filterable attribute it gives me filter input in all columns but I want not to add filter input in specific column. Is there a...

I've set up my React project with Typescript and React-Table. I was following the Quick Start Guide from the React-Table website and got an error. const data = React.useMemo( () => [ { col1:...

Hello Stack overflow members This is array for the column headers. I want column 1 to column 5 left align (all the header, sub header and table data cells of column 1 to column 5 to be left aligne...

I've made a table in react using the demos posted on their page, this works fine but I was wondering how to change the width/padding of the different columns. I've tried manually setting the widt...

does anyone know a way to select multiple rows with React-Table. Say if we wish to click a cell in a row and then press SHIFT and then select another row and perhaps color code the selected rows wi...

I am using ReactTable, and have filterable set to true. I need to access the data that gets returned after applying filters, so I can generate CSV's of the filtered down data. Any ideas on how I m...

The documention for useSortBy sortType properties says: sortType: String | Function(rowA: <Row>, rowB: <Row>, columnId: String, desc: Bool) Used to compare 2 rows of data and order th...

Am trying to keep the state of selected checkboxes for a react-table v7. I have a checkbox that can select multiple rows at once and works great, the issue is the table can't maintain that state on...

I use Rails and React-Table to display tables. It works fine so far. But How can one add an edit/delete column to the React-Table? Is it even possible? return ( <ReactTable data={this.props....

In the latest version (7.5.x) of React-Table, when using the Material-UI Table components, is there a way to remove the 'Toggle sortBy' tooltip from the column header? Two tooltips I have a tooltip...

How can I style Materials' UI table header? Maybe something like add classes with useStyle. <TableHead > <TableRow > <TableCell hover>Dessert (100g serving)</TableCell&gt...

I'm using react-window to create virtual tables with react-table 7 (and material UI tables). I'm embedding FixedSizeList instead TableBody. Something like this: <TableBody {...getTableBodyProps...

I am trying to make react table scrollable horizontally and vertically but right now it is taking all the space according to the data. I want to make this table of fixed height and scrollable in bo...

I added 4 custom columns to my table columns list using its Cell property; each of these columns in every row contains a checkbox that changes a specific property in the table's data state; its dat...

So I have a JavaScript class with useTable. In Java script its been used like below import {useTable, useFilters,useAsyncDebounce,useSortBy,usePagination,} from "react-table"; const {get...

I'm looking for an easy and clean way to make all rows to be auto-expanded when using react-table v7. When I map all the data to true and set it as an initial state, it does not expand my rows. con...

I'm new to react-table. Currently, I have a 5 rows table to render on react-table, and I don't need the pagination function. I understand turning pagination off, it can be done by "pagination=...

I try to use "react-table": "^7.0.0-rc.15" with React + Typescript. I get the pagination example from sandbox https://codesandbox.io/s/github/tannerlinsley/react-table/tree/master/examples/paginati...

I am using Effect hook to fetch the datas from server and these data are passed to the react table there i have used the same api call to load the next set of datas from server. When the applicatio...

There are two different API Service Endpoints of some dynamic data like below. // from API Service A, All value are realtime changing { stack : 10 over : 2 flow : 4 } // from API Service B, All...

The documentation of React Table is really sparse and I can't make sense of the examples. For example here: https://react-table.tanstack.com/docs/examples/data-driven-classes-and-styles, we see thi...

I would like to know it's necessary to use useMemo in react table for columns and data if yes why it's so? This is my code: import React, { useMemo } from "react"; import useData from &qu...