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
1
vote
1 answer

React Js Fixed Data Table Rows Update

My requirement is to fetch data from store and populate it using fixed data table and against each row i need to place an edit button. After clicking on the edit button, i need to display row data on a modal box with editable option after upating…
Ramu
  • 86
  • 1
  • 9
0
votes
0 answers

Data overlap with the dtr-details i.e. more button

This is what my issue looks like. The number is overlapping the plus icon as shown below: I tried with the margin-left, padding and more css styling, but i need dynamic width with the data, like when the data is more then button should on overlap…
Sahil Khan
  • 1
0
votes
1 answer

Implementation of fixed-data-table-2 sorting using pre-existing redux store?

Thanks in advance for any information or pointers you may have for me. I'm relatively new to react. I've inherited a pre-existing project which I've been working on for a client for a few weeks now and all is going well until now. I've hit a wall…
Getek99
  • 479
  • 2
  • 5
  • 18
0
votes
2 answers

Hover tooltip content in Fixed Data Table

I would like to implement click and hover events for tooltip content in cells of Fixed Data Table component. I use react-tippy for tooltips with html option to create a dropdown menu. I can show the tooltip, but I am not able to add additional…
Matt
  • 8,195
  • 31
  • 115
  • 225
0
votes
2 answers

fixed-data-table-2 hover row background color

I've been trying to get this to work for a while now and I haven't been able to come up with anything. The fixed-data-table-2 has a built in functionality for the row css, but that ends up being covered over by the individual cell css and wrapper.…
Kevin Yao
  • 25
  • 5
0
votes
0 answers

sort the fixed data table on the click of a header

I have a fixed data table which is rendered in the order of the API response. I want to sort the table on the click of an header primarily an 'id' in Ascending and Descending order Is there a simple way to implement it from other than the example…
Erick
  • 1,098
  • 10
  • 21
0
votes
1 answer

What is the error in sortBy function

I am new to react and have problem sorting the datatable in react redered from json object. I have rendered the datatable properly, but when i try to sort my datatable by using onClick on the cell component,the error says "./src/App.js Line 34: …
Srishty
  • 3
  • 3
0
votes
1 answer

React fixed data table make responsive

I have a table in a div as following:
Thinker
  • 5,326
  • 13
  • 61
  • 137
0
votes
1 answer

Applying reference to a Cell

I am using FixedDataTable v0.6.0 within a mostly Angular app. I have the following column:
Jackie Benowitz
  • 94
  • 1
  • 8
0
votes
1 answer

fixed-data-table the width doesn't adjust container

I have a simple fixed-data-table component, based on this example I render it on storybook import React, { Component } from 'react'; var FixedDataTable = require('fixed-data-table'); const {Table, Column, Cell} = FixedDataTable; export default…
kurumkan
  • 2,635
  • 3
  • 31
  • 55
0
votes
1 answer

React FixedDataTable cell always get everything is undefined

i'm trying using React FixedDataTable, and i always get everything is undefined. i still new to this library, could anyone help me figure out what's wrong. here's my form : import React from 'react'; const {Table, Column, Cell} =…
ukiyakimura
  • 151
  • 1
  • 5
  • 15
0
votes
1 answer

React Fixed data table vertical scrolling not working in IE and MS edge

Vertical scrolling of the data table in this example https://facebook.github.io/fixed-data-table/example-object-data.html does not work in MS edge or IE. Any help on this?
fon
  • 255
  • 2
  • 7
  • 16
0
votes
1 answer

Why are my keys duplicating?

Here is my render method: render: function() { var rows = this.state.users; return (
fungusanthrax
  • 192
  • 2
  • 13
0
votes
2 answers

React - Handle modification of cell inside state's array

I'm creating my implementation of fixed-data-table-2 (npm) where an edit button changes cells to input's, which may be edited and then saved (post). But there's a major problem... It's too slow the typing, because I'm updating the entire array (in…
Leandro Soares
  • 2,902
  • 2
  • 27
  • 39
0
votes
2 answers

react resize fixed-data-table from nonstatic columns

This may be an anti pattern, but I'm using fixed-data-table to display tables with changing columns. The resize function resizes the width of each column based on a state change. However, I need to build the state or columns from props received. I…
lastlink
  • 1,505
  • 2
  • 19
  • 29
1 2 3
4
5