Questions tagged [slickgrid]

SlickGrid is a specialized JavaScript grid/spreadsheet component optimized for high performance, even with many thousands of rows of underlying data.

SlickGrid utilizes virtual rendering to enable you to easily work with hundreds of thousands of items without any drop in performance. This is achieved through virtual rendering where only what’s visible on the screen plus a small buffer is rendered. As the user scrolls, DOM nodes are continuously being created and removed. These operations are highly tuned to provide optimal performance under all browsers. The grid also adapts to the direction and speed of scroll to minimize the number of rows that need to be swapped out and to dynamically switch between synchronous and asynchronous rendering.

It is an advanced component and is a bit more difficult to learn and configure, but is correspondingly extremely flexible.

Some highlights:

  • Adaptive virtual scrolling (handle hundreds of thousands of rows with extreme responsiveness)
  • Extremely fast rendering speed
  • Supports jQuery UI Themes
  • Background post-rendering for richer cells
  • Configurable & customizable
  • Full keyboard navigation
  • Column resize/reorder/show/hide
  • Column autosizing & force-fit
  • Pluggable cell formatters & editors
  • Support for editing and creating new rows.
  • Grouping, filtering, custom aggregators, and more!
  • Advanced detached & multi-field editors with undo/redo support.
  • “GlobalEditorLock” to manage concurrent edits in cases where multiple Views on a page can edit the same data.

Useful links

1268 questions
0
votes
1 answer

Slickgrid Horizontal Scrollbar adds Random Whitespace in IE9

While testing the fix for this issue: Slickgrid Horizontal Scrollbar Covers Last Row I noticed that the updated code causes "random" whitespace below the horizontal scrollbar in IE9. The jsFiddle does not run in IE9 with Browser Mode set to IE7…
Eric J.
  • 147,927
  • 63
  • 340
  • 553
0
votes
3 answers

slickgrid - floating DIV or Table centered on cells

I am using Slickgrid and trying to achieve the visual effect below. The blue dots can be any icon/button. The key issue is how to create a floating DIV always centered on the selected cell... or a 3x3 table whose central cell is the selected…
Gian
  • 549
  • 3
  • 7
  • 18
0
votes
1 answer

Slickgrid minWidth and maxWidth ignored

Slickgrid seems to be ignoring the minWidth and maxWidth attributes. Am I missing something? Note in the following jsFiddle, one of the columns has a width of 300 which is honored, while the other columns have minWidth and maxWidth set to 300…
Eric J.
  • 147,927
  • 63
  • 340
  • 553
0
votes
0 answers

Slick Grid not loading every time

**Fixed. The issue was with the columns. I am doing ajax calls to get the columns to show on the grid and then all possible columns for the column picker. I forgot that jQuery does not work like the code behind, so I had a function LoadColumns();…
0
votes
1 answer

CSS issue using slickgrid with Liferay

I'm trying to use slickgrid in my liferay 6.1 portal but something strange happens. When I do self.grid = new Slick.Grid('#list', self.dataView, columns, options); The width of the grid expands to 3906.916748046875. I debugged my code and found…
rgomesf
  • 702
  • 1
  • 10
  • 20
0
votes
2 answers

SlickGrid ADODB (MS Access) example

I have a pretty simple slickGrid example that I'm trying to populate from MS Access via ADODB. I've converted the Table into a JSON-like object (resulting in an exact copy of raw data that actually displays fine):
user1415445
  • 263
  • 7
  • 18
0
votes
1 answer

Slickgrid editors by row rather than column?

Is it possible in slickgrid to add the editors by row rather then column? if so how is it done?
chris
  • 551
  • 1
  • 13
  • 32
0
votes
1 answer

SlickGrid dynamically building cols from dates error

I am trying to take a start date and and end date from a datapicker, then use the start date and enddate to create a list of column dates, when I hardcode the dates in this works fine, however when I try and get the dates from the date pickers they…
chris
  • 551
  • 1
  • 13
  • 32
0
votes
1 answer

Slickgrid: Checkboxs + Pagination: getSelectedRows for all pages, and not only the current one

I got a grid, with checkboxes plugin and Pagination. I can get selected rows only for the current page I'm at, but not of all the rows. How one can do that? I search the code, tried finding the global array slickgrid is taking the selected rows…
neoswf
  • 4,730
  • 6
  • 39
  • 59
0
votes
1 answer

Is it possible to use a slickgrid inside an editor for another slickgrid?

I would like to write a custom editor for a column in my slickgrid. Ideally this editor would include another slickgrid that allows the user to filter and select multiple items. Has anyone tried writing an editor that includes another instance…
Toby Allen
  • 10,997
  • 11
  • 73
  • 124
0
votes
1 answer

Slickgrid mobile look

Is it possible to change the look of a Slickgrid so that in a mobile application every row looks like a button? Also, seems like applying a formatter to a column (in order to put a button in it), like this: function linkFormatter(row, cell, value,…
Starnuto di topo
  • 3,215
  • 5
  • 32
  • 66
0
votes
1 answer

Getting NoMethodError (undefined method `name' for {"name"=>"Data Set 1", "values"=>["", ""]}:Hash) error after upgrading from Rails 2.3.5 to 2.3.11

After upgrading to Rails 2.3.11, I can no longer use SlickGrid to create what we call data sets. If you click on the toggle icon to create a data set, I get the following stack trace: NoMethodError (undefined method `name' for {"name"=>"Data Set…
Jason Bodak
  • 123
  • 1
  • 2
  • 10
0
votes
1 answer

Issue creating independent grids from the same object with SlickGrid

I am having issues creating multiple independent SlickGrid grids from the same object (that is modifications to one grid shouldn't affect the other grids and vice versa). Here is the code var data1 = []; data1[0] = { myfield: "This is data1" }; //…
Max
  • 12,794
  • 30
  • 90
  • 142
0
votes
2 answers

Inconsistent data with SlickGrid checkbox formatter/editor

I was looking at the SlickGrid'seditors/formatters features to see how these would modify the data object used to build the grid (because as far as I understand, modifications made to the table are automatically replicated to the data object). I was…
Max
  • 12,794
  • 30
  • 90
  • 142
0
votes
2 answers

SlickGrid Unselect Row CheckBox Event

I am new to jQuery, and I need to use a grid in my project. I chose SlickGrid (quite slick indeed). I need to disable certain buttons when rows are deselected. I am using the following…
gmsk19
  • 49
  • 1
  • 6