slickgrid

问题 SlickGrid always maintains a little space in right most side of the header, even there is no vertical scroll bar. This extra space seems like a extra column. I don't want this extra space. I don't find any exposed API of SlickGrid component to remove this.I have seen inside autosizeColumns() method of SlickGrid implementation that available width is calculated by the availWidth = (options.autoHeight ? viewportW : viewportW - scrollbarDimensions.width) logic. When I avoid scrollbarDimensions

问题 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 existing instance, without obviously holding onto it when you create it? Looking through the code it didn't seem like it, but wasn't sure if anybody else had run into this. Not exactly sure why they took dependencies on jquery but decided to have a

问题 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); grid.updateRowCount(); grid.render(); } grid.onCurrentCellChanged = function(args){ // get cell content! }; ... Thanks in advance! 回答1: The grid is modifying your data source directly, so the changes will be applied to "data". The "onCurrentCellChanged" event is fired

问题 I have set enableTextSelectionOnCells according to SlickGrid and Text Selection. I am not really happy about it. Cell text gets selected with a bad behaviour. Sometimes as soon as selection is done, the selection disappears. Only on rare occasions does it work. Has anyone faced this issue? I have tried this on Firefox and Chrome. to reproduce: git clone git@github.com:mleibman/SlickGrid.git go to examples folder edit the example1-simple.html Add enableTextSelectionOnCells: true in options

问题 I have a large list where I've implemented filtering. I'd like to user to be able to select some rows, filter the list, select a few more, change the filter, select more, and have all of the selections remain. I am following this example: http://mleibman.github.com/SlickGrid/examples/example4-model.html Follow these steps to see my problem: Click on the 0 row Shift-click on the 10 row. Rows 0 through 10 are selected now. Move the slider up to about 90%, so only a few of the rows 0 - 10 show.

问题 I need to set a different row height for a few items in my grid but it seems to break the layout when I do. Is there a way to do this with slickGrid? 回答1: SlickGrid doesn't support variable height rows. 回答2: If you're looking for a library similar to SlickGrid, but with variable row height support you may want to consider giving DobyGrid a try: https://github.com/globexdesigns/doby-grid 来源： https://stackoverflow.com/questions/8931903/set-varying-row-heights-depending-on-row-data-in-slickgrid

问题 I'm using SlickGrid (2.0) dataView with slick.editors. In the Grid, a user can edit any number of cells which then modifies the underlying grid data so that the edits are maintained when the grid scrolls. This works great. But I also want to provide visual feedback for all the edits since these are not saved to the database until user hit "Save Edits" button. Problem is that the editor method resets the cell after it reads back the changed grid data. I need to maintain a background color

问题 I'm trying to change the background color using this code: data.getItemMetadata = function (index) { if (index === 5) { return {cssClasses: "Unverified"}; } } It works perfect as long as the index is even. but with odd indexes it has no effect on the background color (it has effect on the font style). I suspect it has something to do with the zebra effect? (I don't know how to disable that) Thanks. 回答1: Your Unverified CSS class gets applied, but has no effect because it's specificity is

问题 is there any way to change the background color of a specific row in slickgrid table while leaving other as it is ??? i'm using for ( var i = 0; i < grid.length; i++) { rowIndex[i] = { price : "editable-col", qty : "editable-col", ccy : "buy-row", side : "buy-col", symbol : "buy-row", enable : "buy-row" }; } grid.setCellCssStyles("", rowIndex); where "editable-col" , "buy-row" & "buy-col" are the CSS classes containing the color setting properties for background/foreground etc. whenever i

问题 I wanted to use Slickgrid for the grid functionality in my app but since I am using AngularJS for the most part i thought that ng-grid is the way to go but not sure whether it supports virtual scrolling (I tried to look into their documentation and did not find any thing about virtual scrolling support). It would be great if some one could also enlighten me the pros and cons using ng-grid vs slick grid if possible. 回答1: Yes, ng-grid supports row virtualization. You can see in the grid