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
1
vote
1 answer
Can't change the pagination 'next' and 'prev' labels to my language in grid.js
There is no such option as change the prev and next button label in the documentation, and when i try to use string replacement or change the button innerHTML via Javascript, it doesn't work, is there any way that I can safely change the label?
Camilo Micheletto
- 13
- 2
0
votes
1 answer
how to get sql data in [["row1","row2","row3"],["row1","row2","row3"]]
I want to get sql data for a gridjs table
var jobListAllData = [
["Marketing Directortt", "Meta4Systems", "Vinninga, Sweden", "$250 - $800", "0-5 year", "Full Time"],
["UI/UX designer", "Zoetic Fashion", "Cullera, Spain", "$400+", "0-2…
Sukrat Chakravarti
- 11
- 1
0
votes
1 answer
GridJs isn't sorting column when converting from HTML table
I'm trying to use GridJS to sort/search an existing html table.
But sorting isn't working. The search bar is ok.
Any idea ? I think it should be easy but i stuck there
const table = new gridjs.Grid({
search: true,
…
rrr63
- 219
- 9
0
votes
0 answers
Searching in gridjs HTML fields
My table has nearly all columns filled with HTML links like
content
How shoud I formulate the search function so that the normal gridjs search be executed also for those links considering only their content (and excluding the HTML…
redskate
- 1
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
0 answers
It's possible to set height of element that has 'display:table-row'?
I'm using grid.js to render a table in a webpage.
Having a fixed-height table expressed in vh units (60vh), with less rows than the pagination limit i got this strange effect:
gridjs-tablerow-height
A single row that stretches out to fit the…
chrias
- 1
- 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
1 answer
I want to sort date column in gridjs and i am displaying date in mm/dd/yyyy format
I want to sort date column in gridjs and i am displaying it in mm/dd/yyyy format.
Currently it is taking as string and sorting incorrectly.
Any formatter or sort option available for date column in girdjs?
No solution till now
Srini
- 1
0
votes
0 answers
Grid.js from HTML Table with RowSelection
I would like to use https://gridjs.io/ with a HTML table that is already rendered. I would also like to utilize the RowSelection Plugin. How can I do both.
Here is the code I would like to execute.
const grid = new Grid({
sort: true,
…
John Little
- 1
- 1
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
1 answer
Use SolidJS components within Grid.js
I'm trying to use a custom formatter feature of Grid.js with SolidJS component. Here is a sandbox on Stackblitz.
I am getting the following error:
computations created outside a `createRoot` or `render` will never be disposed
I tried to mimic an…
Meowster
- 447
- 3
- 14
0
votes
1 answer
How to customize searchable fields with selector in gridjs
In gridjs there is an the example of using selector in search field.
const grid = new Grid({
columns: [
{
name: 'Name',
formatter: (cell) => cell.firstName
},
'Email',
'Phone Number'
],
search: {
selector: (cell,…
garej
- 508
- 1
- 8
- 24
0
votes
1 answer
When try server side sorting with Grid.js it does multiple calls to the server that could be avoided
I'm using Grid.js accessing server data and performing server side sorting (this on Grid.js doc ).
My problem is that when I try to sort a column it makes a number of calls to the server equal to the number of sortable columns.
Here's an example on…
Alessandro Amerio
- 31
- 4
0
votes
0 answers
Page Number not Rendering for Server Side Pagination in GridJS on Vue3.x
Am trying to achieve Server Side Pagination using Gridjs in my Vue Application, the data is rendering correctly but pagination is not showing in the grid bottom.
This is my code link what i have tried code I tried
balajivaishnav
- 2,795
- 4
- 23
- 38
I'm using grid.js to render a table in a webpage.
Having a fixed-height table expressed in vh units (60vh), with less rows than the pagination limit i got this strange effect:
gridjs-tablerow-height
A single row that stretches out to fit the…
chrias
- 1
- 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
1 answer
I want to sort date column in gridjs and i am displaying date in mm/dd/yyyy format
I want to sort date column in gridjs and i am displaying it in mm/dd/yyyy format.
Currently it is taking as string and sorting incorrectly.
Any formatter or sort option available for date column in girdjs?
No solution till now
Srini
- 1
0
votes
0 answers
Grid.js from HTML Table with RowSelection
I would like to use https://gridjs.io/ with a HTML table that is already rendered. I would also like to utilize the RowSelection Plugin. How can I do both.
Here is the code I would like to execute.
const grid = new Grid({
sort: true,
…
John Little
- 1
- 1
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
1 answer
Use SolidJS components within Grid.js
I'm trying to use a custom formatter feature of Grid.js with SolidJS component. Here is a sandbox on Stackblitz.
I am getting the following error:
computations created outside a `createRoot` or `render` will never be disposed
I tried to mimic an…
Meowster
- 447
- 3
- 14
0
votes
1 answer
How to customize searchable fields with selector in gridjs
In gridjs there is an the example of using selector in search field.
const grid = new Grid({
columns: [
{
name: 'Name',
formatter: (cell) => cell.firstName
},
'Email',
'Phone Number'
],
search: {
selector: (cell,…
garej
- 508
- 1
- 8
- 24
0
votes
1 answer
When try server side sorting with Grid.js it does multiple calls to the server that could be avoided
I'm using Grid.js accessing server data and performing server side sorting (this on Grid.js doc ).
My problem is that when I try to sort a column it makes a number of calls to the server equal to the number of sortable columns.
Here's an example on…
Alessandro Amerio
- 31
- 4
0
votes
0 answers
Page Number not Rendering for Server Side Pagination in GridJS on Vue3.x
Am trying to achieve Server Side Pagination using Gridjs in my Vue Application, the data is rendering correctly but pagination is not showing in the grid bottom.
This is my code link what i have tried code I tried
balajivaishnav
- 2,795
- 4
- 23
- 38