Questions tagged [gridjs-react]
11 questions
1
vote
1 answer
The container element (object HTMLDivElement) is not empty. Make sure the container is empty and call render() again
The problem
I'm using gridjs-react and I'm getting the following error:
[Grid.js] [ERROR]: The container element [object HTMLDivElement] is not empty. Make sure the container is empty and call render() again
The code
import React from…

Suresh Choudhary
- 27
- 5
1
vote
0 answers
How can I load data pulled from an api to gridjs in a react app
I am trying to surface the results of an api query to gridjs in a react app. I need some help in formatting the response from an openapi generated route.
This works:
function App() {
const [items, setItems] = useState([]);
const…

hooray4rob
- 11
- 3
1
vote
0 answers
Which event is get emmited by gridjs after search completion
I am trying to use the event from gridjs. but as I was only able to access the
ready, load, and beforeload event.but for search event completion.
or other events where can I find the documentation for gridjs
Which event is get emmited by gridjs…

Gajanan Gaikwad
- 11
- 2
1
vote
1 answer
Change the "No matching records found" message in Gridjs gridjs-react
I am using gridjs-react library and cannot customize the "No matching records found" message.
I have been able to customize many parts of gridjs like this:
style={{
td: {
height: '40px',
maxWidth: '60px',
…

programandoconro
- 2,378
- 2
- 18
- 33
0
votes
1 answer
Pagination issue with fetching data in React using useState and useEffect
Pagination issue with fetching data in React using useState and useEffect
I'm working on a React application where I have a UserList component that displays a list of users fetched from a backend API. I'm implementing a pagination system using the…
0
votes
0 answers
How to update only gridjs record not whole table when attribute changes inside the data in gridjs-react
How to update only gridjs record not whole table when attribute changes inside the data in gridjs-react
I am have added a checkbox as a viurtual dom. when I select the checkbox into 2nd or 3rd page
it is rerending the whole table and coming back…

Gajanan Gaikwad
- 11
- 2
0
votes
1 answer
Custom pagination in gridjs with react
I want to do custom pagination with gridjs and react. So, I have say 1000 records to show in table. And records per page will be 10. So, I want to show in the pagination footer like this -->
showing 1 to 10 of 1000 entries Prev. 1 2 3 4 5 … 100…

amritkv88
- 17
- 3
0
votes
0 answers
customize gridjs onclick on htmlheader column
I am using gridjs. I want to have a select all checkbox instead of column name
how can I do that, I have written a following code for a grid. I am able to show the check box instead of the column name
but right now I want to call a react function on…

Gajanan Gaikwad
- 11
- 2
0
votes
0 answers
react gridjs addEventListener to TD element triggers more than once
I am trying to render a table using gridjs under react and attach an eventListener to tables cells. My code is partially working, but when I click a given cell, I got repeated events, probably one for each row in the table for that event. You can…

mhanuel
- 75
- 1
- 12
0
votes
0 answers
react-dom.development.js:26091 Uncaught (in promise) Error: Target container is not a DOM element. at Object.render Using gridjs-react
I am developing an app with React and I use gridjs-react in it to display a list of affiliates, but I have this problem.
Uncaught (in promise) Error: The target container is not a DOM element.
at Object.render (react-dom.development.js:26091:1)
…

Javier Valeriano
- 11
- 2
0
votes
0 answers
setState in React no working inside event gridjs
I am working with the gridjs library, which has a click event, when modifying a state it does not do so. any idea what it could be?
componentDidMount() {
this.consultaAPI();
localStorage.removeItem("excludeIDS")
…