Breaking News: Grepper is joining You.com. Read the official announcement!

show button on table cell hover to edit and insert into database

Thoughtless Toucan answered on October 5, 2020 Popularity 2/10 Helpfulness 1/10

answer show button on table cell hover to edit and insert into database

show button on table cell hover to edit and insert into database

Comment

$(document).ready(function () {



var table = $('#example').DataTable({
        "data": dataStore.data,
        "columns": [
        { "data": "name" },
        { "data": "age" },
        { "data": "position" },
        { "data": "office" },
        { "data": "extn" },
        { "data": "start_date" },
        { "data": "salary" },
        { "data": null },
        ],
        columnDefs: [{
        // puts a button in the last column
        targets: [-1], render: function (a, b, data, d) {
            if (data.age < 40) {
                return "<button type='button'>Go</button>";
            }
            return "";
        }
    }],

});
table.on("click", "button",
                function () {
                    alert(table.rows($(this).closest("tr")).data()[0].name);

                });

});

Popularity 2/10 Helpfulness 1/10 Language whatever

Source: stackoverflow.com

Tags: button cell database edit hover insert-into show whatever

Link to this answer
Share Copy Link