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
6
votes
2 answers

Getting data from cells in SlickGrid

What method do I use for SlickGrid to get the cell contents? For example: ... grid = new Slick.Grid($("#myGrid"), data, columns, options); grid.onAddNewRow = function(item,colDef) { grid.removeRow(data.length); data.push(item); …
maximus
  • 2,417
  • 5
  • 40
  • 56
6
votes
6 answers

Disable multi select?

Is there a way to disable multi select?
Tom
  • 69
  • 1
  • 1
  • 2
6
votes
2 answers

Slickgrid - Custom column sorters

I would like to know if it's possible to change the data type for a column. For instance, the json data passed to the grid are strings, but I would like slickgrid to consider it as integers or floats to be able to sort it correctly. var data =…
Below the Radar
  • 7,321
  • 11
  • 63
  • 142
6
votes
1 answer

Is it Possible to show and hide some Slickgrid Columns on button click

I need to show/hide some of the slickgrid columns on the click of a button. Is it possible? For example , I have a slickgrid having 3 columns. On click of a button I want to show three more columns i.e 4,5,6. On clicking the button again these…
user2426035
  • 75
  • 1
  • 5
6
votes
1 answer

SlickGrid Column Picker: Setting the default columns to display from a larger list

I am currently working with using SlickGrid and allowing the user to select which columns to display using the ColumnPicker. Following the example at http://mleibman.github.com/SlickGrid/examples/example4-model.html I have been able to get this to…
Thewads
  • 4,953
  • 11
  • 55
  • 71
6
votes
1 answer

SlickGrid Row ID changes after filtering

I have a slickgrid with inline filtering (using DataView). I've assigned unique ID to each row of data and I pass this ID (not the row number) to a function which updates a div someplace else on the UI. This works fine if I don't filter. But if I…
user1415445
  • 263
  • 7
  • 18
6
votes
2 answers

Is it possible to make a slick grid control auto-size its height to between a min-max range to fit the number of rows?

I'm creating a website where a grid might have few rows or it might have many. When there are only a few rows a lot of space is wasted in the grid on empty space. Ideally I would like to be able to set a minimum height and a maximum height and then…
user310988
6
votes
2 answers

SlickGrid: how to view full text for long cell entries?

I'm using a SlickGrid data table and some of my cells have very long text entries (1000 characters or more). By default, SlickGrid only shows some of the text, and abbreviates the rest using an ellipsis. This works well, except that I'd like to…
flossfan
  • 10,554
  • 16
  • 42
  • 53
6
votes
2 answers

ordering data when using slickgrid tree

The example on the slickgrid wiki for producing a tree generates data that is ordered in the exact order the tree needs for outputting the parents and children. See: http://mleibman.github.com/SlickGrid/examples/example5-collapsing.html - you can…
arieljake
  • 515
  • 5
  • 11
6
votes
1 answer

Apply slickgrid formatting to a specific row

Is it possible to apply formatting to a specific row in Slickgrid? I am aware you can apply formatting rules via columns - but I need to apply a format rule to a row. i.e. I have a "totals" row on my grid - so I want to make the row bold or…
Laurence
  • 58,936
  • 21
  • 171
  • 212
5
votes
1 answer

jQuery UI Theme Conflict: SlickGrid and jQuery UI Tabs

I'm trying to apply this SlickGrid example: http://mleibman.github.com/SlickGrid/examples/example4-model.html to my own web project. When I drop my grid in to the top of my page, it renders correctly. However, when I drop it into a jQuery UI Tabs…
Eric J.
  • 147,927
  • 63
  • 340
  • 553
5
votes
3 answers

SlickGrid with first column fixed

Is it possible to make the first column of a SlickGrid fixed? So that it is always visible during horizontal scrolling, like the header-row? Thanks for help!
user1027167
  • 4,320
  • 6
  • 33
  • 40
5
votes
2 answers

Is there a way to get an instance of SlickGrid from an element

Just starting to use SlickGrid and it doesn't seem to initiate itself like a normal jquery widget/plugin does where you can access the instance attached to the element by just doing $(element).slickgrid() . Is there a way to get a hold of the…
Greg Roberts
  • 2,562
  • 1
  • 20
  • 23
5
votes
1 answer

Which are good open source Data grid for angular2?

In Angularjs we used to use ui-grid. But it's not available in angular 2. I have tried ngx-datatable but I found some issue with scroll when used with paging. Ag-grid is not free. I found angular2 slickgrid by Microsoft, but doesn't found much…
Amit Gaikwad
  • 923
  • 1
  • 9
  • 15
5
votes
1 answer

How to use jQuery SlickGrid with PHP / MySQL (load server data and save changes)

Please, in all the examples found in the SlickGrid code, the data array was randomly generated on the client side. Getting: I need to know how to use PHP to fetch this information from a MySQL Database and return it using jQuery / AJAX to the…
Cogicero
  • 1,514
  • 2
  • 17
  • 36
1 2 3
…
84 85