Adding Columns / Buttons

script.js

<script>
    $(function(){ 
        var $grid = $(".demo6").grid({
            editing: true
        }).on("loadComplete",function(e) {
            
            // the add column
            $(this).grid("addColumn","Add",{
                width: 60, 
                insertAt: "end",     // index | column | "end" | "start"
                header : "Action",
                cellClass : "center"
            }, function(i) {
                return "<button class='btn btn-warning btn-mini'>Add</button>";
            });
            
        });
        
        // button click
        $grid.on("click",".cell[data-col='Add'] button",function() {
            var diag = $grid.grid("confirm","Are you sure you want to add?",function() {
                $grid.grid("notify","fake add",1000);
                console.log("diag",diag);
            });
        });

    });
</script>