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
0
votes
1 answer

Javascript: Uncaught TypeError: Cannot read property 'indexOf' of null

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
0
votes
0 answers

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

I'm attempting to implement the "filter example" by Facebook, shown here, with the sourcecode being here. I'm getting a strange error for the state where filteredDataList.getSize() is called. Console in Chrome states that: Uncaught TypeError:…
cbll
  • 6,499
  • 26
  • 74
  • 117
0
votes
1 answer

Fixed-data-table resize example: Cannot resize columns

I'm using the example visualized here by Facebook: https://facebook.github.io/fixed-data-table/example-resize.html The sourcecode(I'm using the "old" style, with React.createClass) is here:…
cbll
  • 6,499
  • 26
  • 74
  • 117
0
votes
3 answers

Asserting a Prop Contains a React Component

I'm working with FixedDataTable (https://facebook.github.io/fixed-data-table/) and I simply want to assert that the column headers are set correctly. Here is my component definition: import React from 'react'; import {Table, Column, Cell} from…
PressingOnAlways
  • 11,948
  • 6
  • 32
  • 59
0
votes
1 answer

React Redux checkbox on top row of table (fixed-data-table) remains checked

I'm having a strange issue with Redux on React with a table generated with fixed-data-table, whose rows depend on a computed state variable. There's a checkbox on each of these rows in order to be able to select the data in bulk. When a button is…
Gothbag
  • 11
  • 7
0
votes
0 answers

Reactjs Table Component

I've been using Fixed Data Table and i want to show/hide rows on row click. I couldn't find anything related to show/hide or sub table in react fixed data table. Is there any way to achieve this or any other table component which will help me…
Rakesh
  • 1
  • 1
0
votes
1 answer

How can i Animate cell of fixed data table component?

I'm using facebooks fixedDataTable to show stock dashboard. what i need to achieve is flash fixed data table cell (say price column) green or red based on the change of price. How do we achieve animation inside fixed data table ?
user1803361
  • 61
  • 8
0
votes
1 answer

Column Chooser in Fixed data table

Have someone implemented column chooser in fixed data table. If not, can someone suggest me how to hide/show columns in fixed data table so that i can try implementing the same.
Deepak Menon
  • 185
  • 5
0
votes
1 answer

How to use Fixed data table with inconsistent data

This are my Offers and i want to display them in my Fixed-Data-Table. There if the Offer is Global der is no Entry in the Data. { "id" : "90528630948ijvehiddwid", "name" : "Some Offer In Germany", "updatedTime" : "2016-01-15T13:24:26.090Z", …
Stefflan00
  • 155
  • 1
  • 1
  • 8
0
votes
4 answers

Pagination Example with React.js

I need to use pagination in my datagrid project with React.js. I use Fixed Data Table and I need to know what is the best way to do pagination with ES5.(Especially ES5) Here is Fixed Data table Link: https://facebook.github.io/fixed-data-table/ Can…
javauser35
  • 1,177
  • 2
  • 14
  • 34
0
votes
1 answer

Convert ReactClass to ReactComponent ES6

I m using the Facebook fixed data table from : https://github.com/facebook/fixed-data-table So I'm trying to convert a ReactCreateClass component to a React Component using ES6, here is the React Class :
fandro
  • 4,833
  • 7
  • 41
  • 62
0
votes
2 answers

Statement is not being reached after setting State in react ES-6

In this react code i am trying to set the data to current state,After setting the data to state i need to use it in fixed data table.To achieve it, i wrote as below.The main issue is that the statement next to "this.setState" in componentDidMount is…
Hussian Shaik
  • 2,559
  • 9
  • 37
  • 57
0
votes
0 answers

reactjs (+meteor) on browser resize change style but not rerender complete childs tree

Im changing the style of a component root div by browser resize. This triggers every single child to render also. Im in process of doing a complex map with many child components including tables and fb fixed table component. The component has…
Stefan
  • 68
  • 7
1 2 3 4
5