Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

ReactTable/MobX: data update not reflected in table

See original GitHub issue

What version of React-Table are you using?

6.8.0

What bug are you experiencing, or what feature are you proposing?

Table is not updating custom cell contents when data changes. I’m not sure if this is an issue with ReactTable or my code. Please help

Use https://codesandbox.io/s/X6npLXPRW (by clicking the “Fork” button) to reproduce the issue.

https://codesandbox.io/s/jp882l3m2w

What are the steps to reproduce the issue?

Edit text areas in the table Price column.
You’ll see in the console that the onChange() handler is being triggered and the store items are updated.
Table cells are not updated

Issue Analytics

State:
Created 6 years ago
Comments:7 (3 by maintainers)

Top GitHub Comments

2reactions

gary-menzelcommented, Mar 3, 2018

This is a very basic MobX example with ReactTable. It does not have an editable field in it but the buttons at the Add a record and Update with a random string.

Maybe that will help. I don’t have anything more complex as I don’t use MobX.

https://codesandbox.io/s/kkmxl8moq5

0reactions

thomaszdxsncommented, Apr 26, 2021

it doesn’t work for expand mode, use subrows field

Top Results From Across the Web

ReactTable/MobX: data update not reflected in table #839

This is a very basic MobX example with ReactTable. It does not have an editable field in it but the buttons at the...

React-table doesn't update when MobX store updates

I am using react-table, which depends on some MobX observable data. My component is wrapped with observer() and my table row data is ......

React table is not updating after new row added-Reactjs

Coding example for the question React table is not updating after new row ... .then(res => { setMailList(res.data) console.log(res.data) }) .catch(err ...

react table 7 example

Have you ever experienced react-table not updating the data when there was a ... An example showing how to implement Pagination in React...

Ten minute introduction to MobX and React

MobX. Ten minute introduction to MobX and React. MobX is a simple, scalable and battle tested state management solution. This tutorial will teach...