Bootstrap Split Button + Checkbox Column

[Webauthor]

Hi, I'd like to have a split button control on my checkbox column so I can have different actions for a row - e.g. Modify, Delete in addition to View.

Please see this fiddle - https://jsfiddle.net/webauthor/moj0yfsh/4/ - can you help me implement something like this?  Also, I'd like it that when the button is clicked, it does not fire the rowselect event.  I don't want the row to be selected when I click on a button because it's performing a different action - for that specific row.

Thanks

[Webauthor]

Hi, any help on this?

[paramvir]

Bootstrap split button in your jsfiddle was not working ( missing dependencies ) even outside the grid, so replaced it with jQueryUI selectmenu.

I don't want the row to be selected when I click on a button because it's performing a different action - for that specific row.

Attach click handler to cell and call evt.stopPropagation() in postRender callback.

Code: [Select]

postRender: function(ui){
          var $cell = this.getCell(ui)
          $cell.find('select').selectmenu()
          $cell.on('click', function(evt){
            evt.stopPropagation();                     
          })
},

https://jsfiddle.net/webauthor/moj0yfsh/4/