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

How to use material-ui IconMenu inside cell of React fixed-data-table

I have put together a working sample of the grid and want to add an IconMenu into a column for each row of the grid. I am seeing the icon button, but when I click on it I do not get the menu. Below is the code for the grid. Has anyone managed to get…
Elan
  • 6,084
  • 12
  • 64
  • 84
9
votes
2 answers

Last rows in inner table don't expand in Fixed Data Table

I use expanded rows in fixed-data-table-2 component. I have 3 levels on inner tables: If I click collapse cells in inner table (second nested level), rows don't expand and last nested table is not rendered. It occurs after first click of parent…
Matt
  • 8,195
  • 31
  • 115
  • 225
7
votes
2 answers

React FixedDataTable responsive row/cell size

When defining your Fixed Data Table, you specify your row height using the rowHeight property. But by setting a static value (e.g., 50 pixels high) if the content of that cell is too large, it gets cut off because the height is explicitly set. I…
Christoph
  • 978
  • 7
  • 17
6
votes
1 answer

Export data and Fixed Data Table

I use Fixed Data Grid in my project. https://facebook.github.io/fixed-data-table/example-sort.html I want to take csv and pdf reports. Is it possible to export grid data to pdf or csv directly? Or what can I do to take csv and pdf reports with data…
javauser35
  • 1,177
  • 2
  • 14
  • 34
5
votes
0 answers

Rowspan feature in react fixed data table

Is there something like rowspan in fixed data table, so that I can merge cells. Or any other way to achieve a table like below Given data is data = [ { name: "John", expenses:{ q1: 20, q2: 30, …
Sami
  • 3,926
  • 1
  • 29
  • 42
4
votes
1 answer

How to handle npm3 peer dependency conflict

I just migrate my meteor project to 1.3 following this guide and they suggest me to use npm react package instead of atmosphere one. When I install react and react-dom I get latest version which is 15.0.1 However, my project is using npm's…
Pongsakorn Semsuwan
  • 367
  • 2
  • 11
3
votes
0 answers

Why is 0.99px border not showing in IE (fixed-data-table-2 issue)

http://schrodinger.github.io/fixed-data-table-2/example-styling.html In the table displayed on this dataTable demo page: 1 - try adding 1px black solid border-bottom on .public_fixedDataTableRow_main element (it's basically a row of the table);…
Karan Vyas
  • 77
  • 1
  • 6
3
votes
1 answer

reactjs and fixed-data-table-2: 100% width for table

I am learning fixed-data-table-2 and trying to pass a width of 100% to it. This works (in Chrome at least), and the table indeed stretches…
kurtgn
  • 8,140
  • 13
  • 55
  • 91
3
votes
0 answers

FixedDataTable: isMounted is deprecated

Using FixedDataTable in my react project and im suprised to see the warning below: warning.js:36 Warning: FixedDataTable: isMounted is deprecated. Instead, make sure to clean up subscriptions and pending requests in componentWillUnmount to prevent…
KornholioBeavis
  • 2,402
  • 2
  • 19
  • 26
3
votes
2 answers

ReactJS FixedDataTable sorting and filtering example not working

I am trying to follow this ReactJS tutorial : Part 1 : http://4dev.tech/2015/12/reactjs-datatable-with-sort-filter-and-pagination-example-part-1/ Part 2 : http://4dev.tech/2016/03/tutorial-sorting-and-filtering-a-reactjs-datatable/ I finished part 1…
Achraf JEDAY
  • 1,936
  • 5
  • 24
  • 33
3
votes
1 answer

Fixed Data Table Example with ES5

Here there is fixed data table example: https://github.com/facebook/fixed-data-table/blob/master/examples/FilterExample.js But I struggle to understand that. I wrote some code about Fixed Data Table with ES5.Now I want to put "filtering" example to…
javauser35
  • 1,177
  • 2
  • 14
  • 34
3
votes
1 answer

Creating custom table cell content on React FixedDataTable

I'm new to React and I'm studying how to use for building an extensive logger. We thought of this framework because we'll have plenty content to show, and we need it to be responsive and dynamic. One of the requirements is inserting custom cell…
Xuanah
  • 33
  • 4
2
votes
0 answers

fixed-data-table: Error occured when triggering an event in cellRenderer in Fixed-data-table(Facebook-data-table)

I'm using Fixed-data-table in my react app.I'm new to this concept Fixed-data-table.Facing the problem with calling a function in cellRenderer fires an event.In that i'm triggering an function by onClick event but i got an error Uncaught TypeError:…
Tripura
  • 96
  • 1
  • 9
2
votes
1 answer

ReactJs fixed-data-table: data.getObjectAt is not a function

I´m trying to build a JSON configurable data table using the Facebook´s fixed-data-table. I´ve come to my first code as: import React, { Component } from 'react'; import PropTypes from 'prop-types'; import { Icon } from 'semantic-ui-react'; import…
Mendes
  • 17,489
  • 35
  • 150
  • 263
2
votes
1 answer

Fixed-data-table-2 - React not updating table Cells

I've my implementation of fixed-data-table working with custom cell types. My text cells may be edited and they contain State which only contains value property. Then I've onBlur event that fires after the input loses focus and updates my data on…
Leandro Soares
  • 2,902
  • 2
  • 27
  • 39
1
2 3 4 5