Grid.js is an open-source table library written in TypeScript
Grid.js is an open-source table library written in TypeScript.
Website: https://gridjs.io
Questions tagged [gridjs]
79 questions
0
votes
1 answer
How does one access all of the paginated data in grid.js?
I am using grid.js along with its selection plugin to have the user select specific rows in the table. An example of the script is shown below with a function that gets called when a button on the website is pushed.
const grid = new gridjs.Grid({
…
Daniel Logan
- 43
- 1
- 6
0
votes
1 answer
How to get server side pagination + search + sorting in grid.js?
I can get the table working with server side data and server side search, but when I start trying to add pagination and sorting on top of that (both server side) I get errors and it stops working.
I've looked into Grid.js's docs and, while there are…
Mikle Culaciati
- 11
- 1
0
votes
0 answers
How to adjust row height in gridjs currently it is autosizing based on number of records
My gridjs row is changing based on number of records in the table.
How to give fixed height to the row?
Srini
- 1
0
votes
0 answers
wrap gridjs component in a DragDropContext using react-beautiful-dnd
I am not a react expert, and I am trying to integrate a gridjs component with react-beautiful-dnd library. The objective is to add drag and drop functionaly to a gridjs table.
I have create a react component, that looks like this:
import…
Nikolas
- 1
0
votes
0 answers
How to call vue-router link in gridjs?
I'm having a Vue.js application and using gridjs for rending my tables. Everything works fine, except one thing... My code is the following (modified from the original expamle from Grid.js):
Nrgyzer
- 783
- 1
- 14
- 38
0
votes
0 answers
How to add attributes with dynamic values on Grid.js?
I need to add dynamics(conditionals) values to an attribute on GridJs table, but i haven't found a way to do it on render time.
I have a column named "Type" and, for a distinct "Type" i have to fill the background color.
Suppose I have 3 types:…
David Lerma Developer
- 133
- 1
- 3
- 12
0
votes
2 answers
jQuery attr() Method add html tag
I have a search input tag, and I wanted to set a placeholder. In place holder I need to keep a magnify icon, how to do it in jquery? below is the code I tried
$('.gridjs-head .gridjs-search .gridjs-search-input').attr("placeholder", "javascript
jquery
django
gridjs
Shaheem PP
- 625
- 1
- 5
- 13
0
votes
1 answer
Refresh Gridjs Table on AJAX success
The AJAX code works fine and creates my desired outputs and on "success"
success: function (data) {
console.log(data);
$( "#gridjs_table" ).load(window.location.href + " #gridjs_table" );//updates the gridjs_table div
}
Gridjs Table works…
Bob D. Builder
- 75
- 7
0
votes
0 answers
How can I make my Select All button activate all RowSelection components in my grid.js table?
I have a table of IDs that I want to pass as input to another URL if the ID's row is selected, via a RowSelection component. My code below works great as long as the table fits on one page. But, if the table has more elements than the pagination…
Tom Kaufman
- 85
- 5
0
votes
0 answers
Can not bind:this on Grid.js in svelte
When trying to do (grid is defined) i can see the $$, $destroy, $on and $set properties but for any other props such as data, columns, etc... i get Exception: Error: : Props cannot be read directly from the component instance unless…
Vlad Tanase
- 49
- 6
0
votes
1 answer
gridjs - how to load from HTML
I have an existing HTML table. I'd like a thin JS library to add simple search and sorting. GridJS looks promising, but I don't understand the docs for loading from HTML. For example, I'm unable to use the useRef function. Even the first line of…
jds
- 7,910
- 11
- 63
- 101
0
votes
0 answers
All Gridjs tables are getting the same record each time I insert a record in one of them
The following code create dynamically several tables. I mean, based on the size of cameraslist, we can have more or less tables. It works, but for some reason when I insert stuff on one table, the other tables also get the same record. it is…
Pedro Carvalho
- 11
- 4
0
votes
0 answers
how to handle long text in gridjs column
Is there a way to handle long text ion column like ellipsis.js does? The column has 150 words, it should only show 50-60, and then show entire when hovered over with mouse.
Harold Meneley
- 45
- 7
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
2 answers
How to add dark theme for `gridjs`
I am currently developing a single site that is in a dark theme and using gridjs to display data in a table. The problem is that the official settings are on the light theme and it seems that there is currently no support for the dark theme. I also…
Milovan Tomašević
- 6,823
- 1
- 50
- 42