Comments (4)
Stuck on a similar issue, I'm updating a column, changing the status of a record. It automatically resets the table state,
i.e pagination got reset.
@afshinm do we have a plan to address this bug?
from gridjs-react.
The entire table seems to be glitching (redrawing) on pagination, and sometimes on its own (still figuring out why)
from gridjs-react.
I rewrote this repo as an internal jsx file and it works. Had to remove the forceUpdate()
import gridjs, {Grid, h, Component, createRef } from 'gridjs';
import ReactDOM from 'react-dom'
import React from 'react';
import 'gridjs/dist/theme/mermaid.css';
export class AdminGrid extends React.Component {
constructor(props) {
super(props);
this.wrapper = React.createRef();
// Grid.js instance
this.instance = null;
this.instance = new Grid(props || {});
}
getInstance() {
return this.instance;
}
componentDidMount() {
this.instance.render(this.wrapper.current);
}
componentDidUpdate() {
this.instance.updateConfig(this.props);
}
render() {
return React.createElement("div", { ref: this.wrapper });
}
}
export class ReactWrapper extends Component {
constructor() {
super(arguments);
this.defaultProps = {
parent: "div"
}
this.ref = createRef();
return this;
}
componentDidMount() {
var root = ReactDOM.createRoot(this.ref.current);
root.render(this.props.element);
};
render() {
return h(this.props.parent, { ref: this.ref });
};
}
export function _(element, parent) {
return h(ReactWrapper, {
element: element,
parent: parent,
});
}
from gridjs-react.
Same issue here, i always normally recreate a grid component, but it's heavy... Each time you need to add dynamic options the grid redraw....
https://codesandbox.io/s/gridjs-react-server-side-forked-lsrcfv?file=/src/App.js
And he is making an Api call too....
from gridjs-react.
Related Issues (20)
- Sorting by React Component HOT 1
- React component not rendered correctly at table header HOT 2
- React component in front of the search bar HOT 1
- Can't figure out how to use rowClick and cellClick events with this React adapter HOT 4
- Use Link from react router in a cell HOT 6
- Error RN 17.0.1 HOT 4
- There should be an onSelect or onReady prop for the grid component. HOT 4
- Ability to display React components in a Plugin HOT 1
- Could we publish a 4.0.1 to fix the console logging? HOT 2
- Issue with GridJs react rerendering after a change in form elements HOT 2
- Please update to use React v18 HOT 2
- gridjs-mermaid loading issue HOT 2
- Crash with l.createRoot is not a function when using formatter with server option HOT 3
- [ERROR]: The container element [object HTMLDivElement] is not empty. HOT 9
- resizable is not working in 5.1.0 verison HOT 2
- React components which use a Context Provider breaks GridJS HOT 1
- SyntaxError: Named export 'Grid' not found. The requested module 'gridjs-react' is a CommonJS module, which may not support all module.exports as named exports. HOT 1
- Error when using _ function to render react component in cell formatter HOT 3
- Error - ReactDOM.render is no longer supported in React 18, when using _ HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from gridjs-react.