How Can I use the Bootstrap Modal in bootgrid Command button

I am trying open bootstrap modal in command edit and delete button.

It doesn’t work data-toggle="modal" data-target="#confirmation"

Here my jQuery Code $( document ).ready(function() { $(“#grid-plant”).bootgrid({ caseSensitive: false, columnSelection: false,

        formatters: {
            "commands": function (column, row) {
                return "<button type=\"button\" class=\"btn btn-xs btn-default command-edit\"  data-toggle=\"modal\" data-target=\"#confirmation\"><span class=\"fa fa-pencil\"></span></button> " +
                    "<button type=\"button\" class=\"btn btn-xs btn-default command-delete\" ><span class=\"fa fa-trash-o\"></span></button>";
            }
        }
    })
    });

[juanvilu]

.on("loaded.rs.jquery.bootgrid", function(){ grid .find(".command-edit") .on("click", function(e) { console.log( e.currentTarget ); $($(e.currentTarget).attr("data-target")).modal("show"); })

[jeysinghanbu]

Finally Got 😃 it is working.

Opening Bootstrap Modal on Click Event.

         .on("loaded.rs.jquery.bootgrid", function () {
         /* Executes after data is loaded and rendered */
         $(this).find(".command-delete").click(function (e) {
        $($(this).attr("data-target")).modal("show");
    });
});

Full jQuery Code Here:

        $( document ).ready(function() {
        $("#grid-plant").bootgrid({
        caseSensitive: false,
        columnSelection: false,

        formatters: {
            "commands": function (column, row) {
                return "<button type=\"button\" class=\"btn btn-xs btn-default command-edit\"  data-toggle=\"modal\" data-target=\"#confirmation\"><span class=\"fa fa-pencil\"></span></button> " +
                    "<button type=\"button\" class=\"btn btn-xs btn-default command-delete\" ><span class=\"fa fa-trash-o\"></span></button>";
            }
        }
    }).on("loaded.rs.jquery.bootgrid", function () {
        /* Executes after data is loaded and rendered */
        $(this).find(".command-delete").click(function (e) {
            $($(this).attr("data-target")).modal("show");
        });
    });
    });