Stack Overflow
Stack Overflow

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 row attribute syntax?

I'm getting downright frustrated with the lack absence of documentation for SlickGrid. Sorry -- now that that's out of my system . . . I'm trying to figure out the correct syntax for returning a value in a cell in a row. For example,…
Ray K.
  • 2,431
  • 3
  • 25
  • 39
0
votes
1 answer

SlickGrid drag and drop event issue

I don't know if this has to do with SlickGrid or with the jquery.event.drop library but my problem is that although my drag from the grid and drop on some element works, I can't get to work the "dropstart" event. I would love to highlight the…
TestersGonnaTest
  • 1,017
  • 2
  • 9
  • 21
0
votes
3 answers

SlickGrid- Need of insensitive case filter

Is there's a way to change the filter from sensitive case to insensitive? Thank you.
neoswf
  • 4,730
  • 6
  • 39
  • 59
0
votes
1 answer

MVC action result in slickgrid

I am new to use slickgrid. I want to know if anyone can help with returning actionresult or jsonresult to slickgrid. How can we do that?
hetal gala
  • 249
  • 2
  • 5
  • 18
0
votes
1 answer

SlickGrid column headers not synched when in Full Screen mode

We have a serious problem with SlickGrid in an application. The problem doesn't seem to have anything to do with the way we implement/built the Grid since the behavior is reproducable on every SlickGrid I've seen. Here's the problem: If the User is…
user1415445
  • 263
  • 7
  • 18
0
votes
0 answers

SlickGrid ScrollIntoView with DataView

I am using Slickgrid and am looking at the following example: http://mleibman.github.com/SlickGrid/examples/example14-highlighting.html which makes use of the scrollIntoView() function. However that example does not use a DataView. Does anybody know…
G-Man
  • 7,232
  • 18
  • 72
  • 100
0
votes
1 answer

SlickGrid drag and sort on same cell

My question is if it is possible or someone has a good tutorial for making a SlickGrid row able to drag and drop somewhere but at the same be able to sort the grid aswell. Something like how 2 jquery connected sortables work.
TestersGonnaTest
  • 1,017
  • 2
  • 9
  • 21
0
votes
1 answer

Slick grid header row gets messed up

I have a filter on slick grid header. When I hide a column using setColumns function, the header row gets messed up. Filters overlap each other. Any suggestions?
emphaticsunshine
  • 3,725
  • 5
  • 32
  • 42
0
votes
1 answer

Creating a changeset for SlickGrid to save data

I am aware that SlickGrid will modify the array that is assigned to the dataset. What I'm wondering is is whether there exists any extension libraries that can be used with SlickGrid in order to keep track of a changeset to send to the server when…
user964210
  • 143
  • 9
0
votes
1 answer

How can I use generic formatter on multiple SlickGrid s?

I am developing a web app using SlickGrid. Our application has many grids in different tabs/pages and for that reason I am wondering if I can refactor some code so that I am not writing the same functions over and over for seperate grids. An…
user1389920
  • 403
  • 1
  • 6
  • 12
0
votes
0 answers

Unable to set CSS properties for rows in Slickgrid

I'm trying to set a CSS class to rows in Slickgrid. I've looked up here and here, and created a test code according with this Slickgrid example. Here it is: var cols = [{ id: "id", name: "Report name", field: "Description", width: 600, sortable:…
tube-builder
  • 686
  • 1
  • 13
  • 29
0
votes
1 answer

Can I restrict specific columns/cells from being selectable by the CellSelectionModel plugin?

I need to disable cell selection for the first two columns of a grid. Does slickgrid/CellSelectionModel support this?
Andrei M.
  • 3
  • 2
0
votes
1 answer

SlickGrid dataView linking

I am trying to follow a http://mleibman.github.com/SlickGrid/examples/example4-model.html this tutorial. I downloaded all required .js files (core.js, dataview.js, grid.js), but when creating dataView variable I get "undefined". var dataView = new…
user721588
0
votes
1 answer

SlickGrid - Multiple versions on the same app

I use the SlickGrid plugin in my app. If you haven't heard of it, it is THE go to plugin for data grid management on the client side. I've been using it for close to a year now and have implemented it in a huge number of pages inside my app. I now…
Jibi Abraham
  • 4,636
  • 2
  • 31
  • 60
0
votes
1 answer

How to add check box in slickgrid?

i am still new in slickgrid so i 'm trying to follow the simple example of using a DataView with the SlickGrid jQuery plugin. However I can't work out how the data is added to the DataView. here the code: $data = ''; $i = 0; $query = "SELECT *…
Jakarta
  • 3
  • 3
1 2 3
…
84 85