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
9
votes
4 answers

Sorting Slickgrid by Multiple Columns?

I just started testing out Slickgrid for a project I'm working on and I'm very impressed with its performance. One requirement I have is sorting on multiple columns. I don't fully have my head wrapped around the Dataview in Slickgrid, so maybe I'm…
technomalogical
  • 2,982
  • 2
  • 26
  • 43
9
votes
5 answers

SlickGrid select editor

I want to make a dynamically populated html select for a select cell. I extract some information from a database which is different for every row item. The problem is that the editor loses the initial data and I don't know how to keep some data for…
Catalin
  • 91
  • 1
  • 1
  • 3
9
votes
1 answer

Change slickgrid cell data after edit

I'm using Slickgrids with alot of success. I have ajax edits all working - but I'm trying to add a piece of functionality; Below is my code which allows me to update cells - it works as intended - but I want to be able to change the cell after it…
Laurence
  • 58,936
  • 21
  • 171
  • 212
8
votes
4 answers

Set a default sort column in SlickGrid

I'm using SlickGrid with DataView and I'm trying to set a default sort column on my table. Is there a way to trigger the sort or set an option so the column is sorted on load?
podcastfan88
  • 970
  • 2
  • 13
  • 28
8
votes
2 answers

Simple Slickgrid sorting doesn't work

Is there obvious reason why this Slickgrid example shouldn't work. Basically it doesn't sort on clicking columns. var grid; var columns = [ {id:"title", name:"Title", field:"title", sortable: true}, {id:"duration",…
XoR
  • 2,556
  • 4
  • 17
  • 15
8
votes
2 answers

access list of filtered items in dataview

I'm using a DataView to populate the Grid, and using filters to interact with the visible rows. My problem is after applying the filters, on rows change, or rows count change... how can I access the dataview to iterate over only those visible rows,…
Marc
  • 213
  • 2
  • 12
8
votes
1 answer

Error: multipleDefine from Dojo & jQuery-UI conflict

I am trying to create an editable SlickGrid (which uses jquery-ui) and also use Dojo. When my page contains
Allen Cypher
  • 428
  • 5
  • 16
8
votes
1 answer

Ringing noise from monitor after dynamically generating HTML

This is one for the ages. I'm writing an MVC4 application and have just added some code to dynamically generate some html from a JSON object passed from a controller. It is triggered after a SlickGrid event for double-clicking a row which fetches…
Mike H.
  • 1,731
  • 9
  • 31
8
votes
2 answers

SlickGrid: unselect all rows in

How can I unselect all rows in a Slick Grid? I'm using RowSelectionModel and can't find a way to do it. Thanks
rgomesf
  • 702
  • 1
  • 10
  • 20
8
votes
1 answer

How can I integrate SlickGrid with Meteor.js reactive collections?

SlickGrid focuses on displaying the data from a table or array, which is great. Meteor focuses on manipulating the data, but uses Minimongo. How can SlickGrid integrate with Minimonogo collections and preserve its fast display and large data…
thomasf1
  • 1,782
  • 4
  • 18
  • 32
7
votes
2 answers

How to put HTML into Slickgrid cell?

When I put Click into slickgrid, I see the actual code "Click", whereas I expect the link to be rendered. I know I can do it by subscribing click event but is it restricted thing in SlickGrid?
enesness
  • 3,123
  • 5
  • 31
  • 33
7
votes
5 answers

Data Update in Slick Grid

I have a slickgrid, with about 100 rows. Its data is refreshed in 5 seconds, but it is disturbing at each update the scroll is reset. I have tried to use dataview and dataview.refresh() but this time no change is reflecte to grid. Here what I tried…
enesness
  • 3,123
  • 5
  • 31
  • 33
7
votes
10 answers

Calling sort on slickgrid

In the slickgrid I'm able to set the sort column and it's sort direction using the grid.SetSortColumn(colName,true/false). This only sets the sorting glyph but does no sorting. Is there a way to call the sort event handler. I've defined the sort…
Siddharth
  • 167
  • 1
  • 2
  • 13
7
votes
4 answers

resizing of grid when resizing browser window

I used a fill whole window example as a default. Tried to resize browser window: but area, that is used for grid is the same. Need to reload page so that it fits. How can I archive this without reloading page ? Edited Interesting fact that when I…
Iurii Dziuban
  • 1,091
  • 2
  • 17
  • 31
7
votes
1 answer

Is there a list of CSS classes for slickgrid?

I'd like to fine tune the appearance of a webpage that uses slickgrid. So I was looking for a list of available CSS classes for slickgrid in order to do that, but was unable to find one. Is there such a list and can someone point me to it or is the…
René Nyffenegger
  • 39,402
  • 33
  • 158
  • 293