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
7
votes
1 answer
Customize tablehead of react-gridjs
Intead of using the default search bar, I'd like to customize it as follows:
Add a button in front of the search bar.
Use an icon () in the search placeholder.
Here's my code so far:
import { Grid, _ } from…
usersina
- 1,063
- 11
- 28
5
votes
2 answers
Using ref to find a nested element
I'm using the gridjs-react library to create a table as follows:
usersina
- 1,063
- 11
- 28
4
votes
0 answers
repopulating data in table #gridjs
so i know the updateConfig() / forceRender() methods in gridjs, but is it possible to workaround the 'redrawing table'? I'm looking for a function/method that repopulate tables data with persisting view/search/filter options.
Thanks <3
Aesthetick
- 61
- 3
3
votes
2 answers
(Grid js) I want the search button to be on the right side and the add button on the left, what do I do?
(Grid js) I want the search button to be on the right side and the add button on the left, what do I do?
new gridjs.Grid({
columns: ['Name', 'Email', 'Phone Number'],
search: true,
data: [
['John',…
Tee Adkins
- 43
- 4
2
votes
0 answers
Active/selected row in grid.js?
We need a grid control in our web application, and we are looking into grid.js. (I’m new to grid.js, so sorry if this is a dumb question. )
Grid.js handle most of our needs – and an MIT license is great! But I’m missing one feature.
We need to…
UglySwede
- 429
- 1
- 7
- 16
2
votes
2 answers
Sorting by integer column doesn't sort by amount. Is it possible?
My data:
data: [
["A","2"],
["B","100"],
]
I was expecting it to sort by amount: 2 then 100, but it's the opposite. First row shows 100, second row shows 2. Is there a way to sort by the actual amount rather than this numeric ordering?
Adam
- 3,311
- 1
- 18
- 9
2
votes
1 answer
How do you add (or replace) the data in Grid.js once it has been rendered?
I want to render data to Grid.JS initially and then my page may grab additional data and add additional rows or fill in data that was missing in some of the rows. I'm not sure what the syntax is to write to the Grid.JS once you have rendered it…
Joseph U.
- 4,457
- 10
- 41
- 47
2
votes
1 answer
Is there a default sort flag for gridjs?
I'm trying to find out if there's a default sort column setting for GridJS.
https://gridjs.io/docs/examples/sorting
Looking at this - and trying to understand the code - I don't see anything obvious.
Does anybody know if I'm missing something?
Jty.tan
- 808
- 9
- 25
2
votes
0 answers
How to use Grid.js with data being updated every second
setInterval(() => {
// lets update the config
grid.updateConfig({
server: {
url: document.location.href + 'api.json/',
then: data => data.map(obj => {
return [obj.name, obj.value]
}),
handle: (res) => {
…
Dann Luciano
- 21
- 2
2
votes
1 answer
How to import grid.js html function for using formatter in Vue
I am using the gridjs-vue wrapper to use grid.js with Vue. I'd like to use the formatter feature of gridjs, but it requires the html function. How do I import the html function into my component? If I try to import it from gridjs-vue, it says that…
buckthorn
- 1,727
- 13
- 15
2
votes
4 answers
Populate cells with HTML in Grid.js
How can I populate cells with HTML content in Grid.js?
Afshin Mehrabani
- 33,262
- 29
- 136
- 201
1
vote
1 answer
GridJS adding data to table using a JSON array
I have a GridJS table in my project in javascript and I need to put data in it from a JSON array
let data = [{"nr": 1, "time": "26.000", "ao5": "26.000"},
{"nr": 2, "time": "27.000", "ao5": "27.000"},
{"nr": 3, "time": "28.000", "ao5":…
Kaskapa
- 23
- 5
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
How to custom GridJs pagination with supabase?
I'm software engineer in Cambodia.
I want to custom Grid.js pagination with supanase, but I faced a problem.
I don't know the solution because it's not in the documentation.
I'm using Nuxt 3
Please tell me how to implement.
The Code is…
Tuong Mengleang
- 61
- 5
1
vote
1 answer
Show Hide column and reorder GridJS
I configured Gridjs for datatables
is there any solution/ option to show/hide column for the final user and also reorder the columns?
Thanks
Bye
solocla
- 11
- 1