Slickgrid With CheckboxSelectColumn: Hide Checkbox in Some Rows

Question

I have a grid with the plugin Slick.CheckboxSelectColumn.

Is it possible, without Jquery, to hide checkboxes in some rows? I guess it's possible using Formatter.

Here is the var with the slickgrid checkbox plugin:

var checkboxSelector = new Slick.CheckboxSelectColumn({             
         cssClass: "slick-cell-checkboxsel"
     });

Columns definition:

var columns = [
        { id: "Id", name: "Id", field: "Id", sortable: true, width: 40 },            
        { id: "Status", name: 'Status', field: "Status", sortable: true, width: 80 },
        checkboxSelector.getColumnDefinition()
     ];

Code to create grid and register plugins:

grid = new Slick.Grid("#grid", dataView, columns, options);
     grid.registerPlugin(new Slick.AutoTooltips({ enableForHeaderCells: true }));
     grid.registerPlugin(checkboxSelector)

SOLUTION

Use a custom plugin checkboxselectcolumn.js, create by @JamesSilberbauer

Amir Geri · Accepted Answer · 2014-04-09 08:24:43Z

5

You can do so using the formatter. Before adding the column definitions to the columns list, you need to alter the formatter. This is how:

var selectorColumnDef = checkboxSelecter.getColumnDefinition();
var currentFormatter = selectorColumnDef.formatter;
selectorColumnDef.formatter = function(row, cell, value, columnDef, dataContext) {
   if (showCheckBox) {
      return currentFormatter(row, cell, value, columnDef, dataContext);
   }
   return "";
};
var columns = [
        { id: "Id", name: "Id", field: "Id", sortable: true, width: 40 },            
        { id: "Status", name: 'Status', field: "Status", sortable: true, width: 80 },
        selectorColumnDef
     ];

edited Apr 9, 2014 at 8:24

answered Apr 8, 2014 at 14:58

Amir Geri

4092 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user959 Over a year ago

A custom plugin checkboxselectcolumn.js, create by @JamesSilberbauer. It´s perfect. Thanks for your attention.

Collectives™ on Stack Overflow

Slickgrid With CheckboxSelectColumn: Hide Checkbox in Some Rows

SOLUTION

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

SOLUTION

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related