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…
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…
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…
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…
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) …
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") …