Stack Overflow
Stack Overflow

Questions tagged [fixed-data-table]

Fixed Data Tables for React

FixedDataTable is a React component for building and presenting data in a flexible, powerful way. It supports standard table features, like headers, columns, rows, header groupings, and both fixed-position and scrolling columns.

The table was designed to handle thousands of rows of data without sacrificing performance. Scrolling smoothly is a first-class goal of FixedDataTable and it's architected in a way to allow for flexibility and extensibility.

Features of FixedDataTable:

  • Fixed headers and footer
  • Both fixed and scrollable columns
  • Handling huge amounts of data
  • Variable row heights (with adaptive scroll positions)
  • Column resizing
  • Performant scrolling
  • Customizable styling
  • Jumping to a row or column
  • Controlled scroll API allows touch support
74 questions
2
votes
2 answers

How do I make three tables in one div not overlap on resizing?

I have three tables(fixed-data-table from React) inside a panel. It works well - but on smaller resolutions, the three tables will overlap with each other. Is there a way to make them scalable? Here's the code where the tables are returned: return…
cbll
  • 6,499
  • 26
  • 74
  • 117
2
votes
1 answer

Webpack: ES6 syntax gives Module build failed: SyntaxError: Unexpected token

I'm trying to use an example of fixed-data-table, and bundle it with webpack. I'm using babel-loader and my code otherwise bundles without issues. Running webpack points to an error which to my knowledge is a part of ES6 syntax(not ES5) ... The ...…
cbll
  • 6,499
  • 26
  • 74
  • 117
2
votes
1 answer

Testing complex React components with Mocha/Chai

I'm working on addons for fixed-data-table and its sibling but I'm struggling with setting up the tests using a Mocha/Chai setup. The error I get is: TypeError: obj.indexOf is not a function at Assertion.include…
Max Gordon
  • 5,367
  • 2
  • 44
  • 70
2
votes
0 answers

FixedDataTable with fixed column on right

I have a collection of columns which all could be scrollable horizontally except last one, which should be fixed. ...
PaulP
  • 76
  • 2
  • 9
2
votes
1 answer

infinity scroll in reactjs fixed data table

I need to implement infinity scroll features for fixed data table. I checked API doc, there is no events dispatched when user scroll to the end of the table. The only seemly helpful event is onScrollEnd, but that event gives me back scrollX and…
user3006967
  • 3,291
  • 10
  • 47
  • 72
2
votes
1 answer

how to add dynamic columns in fixed data table

I am trying to acheive a dynamicallly populated columns with data, using facebooks's fixed data table. I receive data with columns ranging from 10 - 100. So my intent was to create columns dynamically. Below is what I have tried Class App extensd…
dhirajbasukala
  • 171
  • 2
  • 9
2
votes
2 answers

How to make flexible row height in FixedDataTable from Facebook?

That's it. I have a lot of data and I can't know what height should i use. Is there anyway to make height flexible? I've heard about RowHeightGetter, but i don't know how to use it. Can u give me some example? Thank you
Максим Игнатьев
  • 55
  • 4
2
votes
1 answer

Fixed data table for pagination

How to implement the pagination with fixed-data-table? I want to implement the pagination with fixed-data-table. According to the documentation, we must set the height to it so that i can calculate the visible zone to show the rows. Is there a way…
Tyler.z.yang
  • 2,402
  • 1
  • 18
  • 31
2
votes
2 answers

Sort method and indexes

I'm trying fixed data table in my project. But I have a problem about sorting. Here I'm using this example: https://github.com/facebook/fixed-data-table/blob/master/examples/old/SortExample.js It sorts by desc or asc. But I have problem about…
javauser35
  • 1,177
  • 2
  • 14
  • 34
1
vote
0 answers

How to show dynamic options , rows and column in react fixed data table

I am using the react fixed data table.
Ayush Shukla
  • 21
  • 4
1
vote
1 answer

react fixed-data-table-2 scrollbar

I am trying to get familiar with React and the fixed-data-table-2 package by following the tutorial of https://github.com/schrodinger/fixed-data-table-2/blob/master/examples/ResizeExample.js. I am encountering an odd error in that when I resize a…
Ad Astra
  • 75
  • 1
  • 7
1
vote
1 answer

Inline editing in fixed data table 2

I am using fixed data table 2 to render a JSON object. I want to add an inline editing to the rows of the table when I click a button on the row. I have gone through the documentation on the…
Erick
  • 1,098
  • 10
  • 21
1
vote
1 answer

How do I handle indexOf returning 'null' without using try/catch(err)?

I'm populating a table with data - using fixed-data-table, which is a React.js component. However, that isn't so important at this stage. The table has a search box where the issue stems from. First, here's the interesting part of the code. for…
cbll
  • 6,499
  • 26
  • 74
  • 117
1
vote
2 answers

React fixed-data-table: Uncaught TypeError: this._dataList.getSize is not a function

I'm attempting to use this example by the React developers to make a search filter for a table. I have the table working fine with data from my backend statically. I have taken out an array for "sample" data to get the search functionality working.…
cbll
  • 6,499
  • 26
  • 74
  • 117
1
vote
1 answer

Module build failed: SyntaxError: Unexpected token (10:40) react fixed data table

We have a react app with this OurController item. The OurController is working fine. Adding the following code from an example breaks entire app, no page will render in the browser: const TextCell = ({rowIndex, data, col, ...props}) => (
codyc4321
  • 9,014
  • 22
  • 92
  • 165
1
2
3 4 5