{
                type:                    "control",

                // the base button class should be Bootstrap's btn class
                buttonClass:             'btn',

                // the buttons class should be one of the Bootstrap's button styles
                editButtonClass:         'btn-outline-primary btn-sm',
                deleteButtonClass:       'btn-outline-primary btn-sm',
                updateButtonClass:       'btn-primary btn-sm',
                cancelEditButtonClass:   'btn-primary btn-sm',

                // the tooltip here is being used as HTML to use custom icons
                editButtonTooltip:       '<i class="mdi mdi-pencil"></i> Edit',
                deleteButtonTooltip:     '<i class="mdi mdi-delete"></i> Delete',
                updateButtonTooltip:     '<i class="mdi mdi-content-save"></i> Save',
                cancelEditButtonTooltip: '<i class="mdi mdi-cancel"></i> Cancel',

                // Overridden function to render a button element instead of a input one
                _createGridButton:       function (cls, tooltip, clickHandler) {
                    var grid = this._grid;

                    // changed input to button
                    return $("<button>").addClass(this.buttonClass)
                        .addClass(cls)
                        .attr({
                            type: "button"
                        })
                        // removed the tooltip attr and added html instead
                        .html(tooltip)
                        .on("click", function (e) {
                            clickHandler(grid, e);
                        });
                },
                // add a button group to the edit/delete buttons
                itemTemplate:            function (value, item) {
                    var $result = $([]);
                    var $group = $("<div class='btn-group'>");
                    if (this.editButton) {
                        $result = $result.add(this._createEditButton(item));
                    }

                    if (this.deleteButton) {
                        $result = $result.add(this._createDeleteButton(item));
                    }
                    $group.append($result);

                    return $group;
                },
                // add a button group to save/cancel buttons
                editTemplate:            function () {
                    var $group = $("<div class='btn-group'>");
                    $group.append(this._createUpdateButton());
                    $group.append(this._createCancelEditButton());
                    return $group;
                },
            }