Questions tagged [gridjs]

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

Docs: https://gridjs.io/docs/index

79 questions
1
vote
2 answers

Module not found: Error: Can't resolve existing module

I am importing two modules from the same package. import { RowSelection } from "gridjs/plugins/selection"; import { Grid } from "gridjs"; I can access RowSelection in VSCode (e.g. by go to definition) just fine. Intellisense is working fine too.…
dasd-431
  • 47
  • 1
  • 6
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
1
vote
0 answers

Creating a Filter Button in GridJS

I am new to gridjs and am struggling to find a way to add filter buttons. I am looking to add dropdown selectors or buttons that will filter out entire rows if a specified value is not in a specified column. For example, if I have this table: | …
Brian
  • 65
  • 3
1
vote
0 answers

Grid.js error seen in tests but not full application

I'm hoping you can help me figure out a puzzling error I see when testing. I should preface this question with the fact I'm not the worlds greatest js dev. I've created an application using the react version of Grid.js, gridjs-react, and all is…
Mozo82
  • 11
  • 1
1
vote
1 answer

How to correctly update (redraw) grid.js after resize

I've set up grid.js in Vue. https://github.com/grid-js/gridjs I have set, autoWidth: true and width: '100%' in the config. The data grid resizes (is responsive) when I resized the window. But, if the window, or container element resizes larger than…
leoplaw
  • 53
  • 7
1
vote
1 answer

Reset Page On Update

I don't want to reset the page after an update. Specifically, when using forceUpdate(), I want my grid to only update the data at the current pagination. pagination: { enabled: true, limit: 25, summary: false, …
1
vote
1 answer

Have in Grid.js a option of "inline edit" cell values?

Have in Grid.js an option of "inline edit" cell values or possibility/plugin to implements them? Like this: http://tabulator.info/examples/4.9#editable https://editor.datatables.net/
Apmu
  • 13
  • 4
1
vote
1 answer

How to change Grid.js state from the plugin?

How can I change state of the Grid.js component from the plugin context? I'm trying to implement a visual configurator for the pagination.limit prop (https://gridjs.io/docs/config/pagination): import { BaseComponent, BaseProps, h, PluginPosition }…
itnelo
  • 1,053
  • 2
  • 18
  • 29
1
vote
0 answers

add rowId for row in gridjs

I am working with the grid.js library but when adding data to the table I don't see rowId appear, so I can't process the color change for the row and get the row's data by clicking on the "bi-pencil" icon via rowId (event onClick). Now I want to add…
1
vote
1 answer

How to show row index in grid js using react js

currently creating my datatable using grid.js in reactjs. This is my code e.status != 0)} columns={[ { id: 'url', name: 'url', hidden: true }, { …
user3431310
  • 719
  • 1
  • 10
  • 30
1
vote
1 answer

Gridjs-react: Sort by column having a React Component

I'm using gridjs-react to create a custom grid as follows: import { Grid, _ } from 'gridjs-react'; const tableData = [ ['John', 12345, _()], ['Mike', 67891, _(
usersina
  • 1,063
  • 11
  • 28
1
vote
1 answer

Column not showing data using Gridjs while integrating with React js

currently I am using Gridjs to display my table in my Reactjs application. This is the code, the Name, and Email is displaying correctly, but the created_at is not, giving me empty. How can I display the data? thank you..
Muneeb K
  • 457
  • 1
  • 9
  • 21
1
vote
1 answer

Grid.js Responsive table with large size

What is the best method to rendering a grid.js table in resizable container. If I don't set the height configuration object of the grid, the table size exceed his container and i can't have access to the overflow bar at the end of the table. grid =…
PaulCrp
  • 624
  • 1
  • 8
  • 19
1
vote
1 answer

gridjs width own Table and Jquery

i want to use gridjs width my own Table. What i have is: