Angular-Slickgrid | lightning fast & customizable SlickGrid datagrid | Grid library

I'm not sure if you can toggle the checkbox column without removing it (maybe with grid.setColumns() but it's probably better to just use the selectableOverride callback. It will allow you to dynamically change its usability on the fly (see the Wiki) and in your case just use your boolean flag to have the callback return true or false (the later will disable/remove all checkboxes)

The short answer is No you cannot (but there's a longer Yes option below), there's a reason why each filter are shown on top of each column and it's because they are associated with that said column (by looping through each column definition, these filters are being created). You can however use another column when filtering, with queryFieldFilter or with queryFieldNameGetterFn depending on the data but again it's only associated to 1 column at a time.

Does that mean that you cannot do it at all? Not necessarily, you could provide a different filter implementation via the SlickGrid DataView dataView.setFilter(myFilter); but if you do that then you'll bypass all the column filters (in other words, none of the column filters would work anymore when you override the DataView filter method) but maybe that is acceptable for you by making it as a global filter. You can take this SlickGrid Example to see the code, it has an external filter with multiple conditions and that might work for you.

Thanks for help, but I found a solution after I looked closely in the lib. I guess a timeout is not working right, so I added one after my data arrived from DB:

Apparently slickgrid code doesn't work well with angular strict mode https://angular.io/guide/strict-mode. You might want to disable it in tsconfig.json.

The best and easiest way to manipulate data in angular is by pipes.

It looks like there's a lot of misunderstanding of how to use the code and some of the terms used.

First, there is already a single select dropdown editor, there is no need to create another one. All the Editors are shown in Example 3, the single select editor is on the "% Complete" column. All you need is this piece of code

Note that I'm the author of Angular-Slickgrid and I did not try the code below but I expect it to work.

First of, you should also define a height with preHeaderPanelHeight (default is 25) and then you assume that the option will redraw the grid and everything and that is where you misunderstand how it works, it's just an option it doesn't do anything by itself. It should work if you first create the preheader in your grid options but just don't show it if you don't want it to show up at first and then later you call the method to toggle its visibility which is setPreHeaderPanelVisibility

For whoever have this problem, it was discussed outside of here and it turned out to be because there was multiple body in the page. The explanation of why this is problem, Angular-Slickgrid uses multiple-select.js external library and the drop-down is actually position under the Filter input, when we say (position) we really mean re-position (by absolute position) of the drop list is moved under the input and in Angular-Slickgrid we use the container as body because that is the only way to make it show over everything else, hence there can only be one body for this to work properly.

The default multiple-select options used by Angular-Slickgrid are

This is now part of Angular-Slickgrid (since version 2.23.1) and is enabled by default, you can also disable it with the flag enableEmptyDataWarningMessage. There are also few options you can provide with the new property emptyDataWarning Grid Options (see EmptyWarning interface for more info)

I also did not use the code shown with the absolute positioning since that was causing issues, instead the approach is to search for the DOM element with class of .grid-canvas and append a

It's not possible in SlickGrid, it will only displays data that must fit in the cells.

However you have other alternatives, I think the best you can do is to display your text in a span in the middle (or top) of the grid. You can take a look at the SlickGrid Example - Yahoo Search it shows the "Buffering..." in the middle of the screen. The final piece is to know when to display it, you can use the DataView onRowCountChanged event, which will provide you the item count.