 <p>Another way to customize is as following:</p> <pre><code>columns: [ { command: [{ name: 'edit', click: editButtonClick, template: editButtonTemplate }], title: 'Edit', width: '40px'}..] var editButtonTemplate = '&lt;a class="btn btn-link btn-xs k-grid-edit" href="\\#"&gt;&lt;span class="glyphicon glyphicon-pencil"&gt;&lt;/span&gt;&lt;/a&gt;'; editButtonClick = function (e) { /* Changes default rendering of 'update' &amp; 'cancel' buttons * but keeps default behaviour */ var btnCancel = $('.k-grid-cancel'); btnCancel.removeClass('k-button k-button-icontext').addClass('btn btn-link btn-xs'); btnCancel.text(''); btnCancel.append('&lt;span class="glyphicon glyphicon-ban-circle"&gt;&lt;/span&gt;'); var btnOk = $('.k-grid-update'); btnOk.removeClass('k-button k-button-icontext k-primary').addClass('btn btn-link btn-xs'); btnOk.text(''); btnOk.append('&lt;span class="glyphicon glyphicon-ok-circle k-update"&gt;&lt;/span&gt;'); </code></pre> <p>}</p> <p>This approach handles <code>click</code> event of standard <code>edit</code> command and modifies rendered html, but preserves standard functionality.</p> <p><em>Important detail</em> - grid's update functionality is coupled to element with <code>k-update</code> attribute, while cancel functionality rides on <code>k-grid-cancel</code>.</p>