tabulator

$("#example-table").tabulator({

            movableColumns:true,
            layout:"fitColumns",
            data: [
    {id:1, s:"10", h:"12", g:"red"}, {id:2, s:"10", h:"12", g:"red"}, {id:3, s:"10", h:"12", g:"red"},
],
            columns:[
                {title:"v", field:"s", sorter:"number", bottomCalc:"sum", editor:"input"},
                {title:"g", field:"h", sorter:"number", bottomCalc:"sum", editor:"input"},
                {title:"h", field:"g", editor:"input"},
                 {formatter:"buttonCross", width:40, align:"center", cellClick:function(e, cell){alert("  row data for: " + cell.getRow().getData().name)}},




            ],
        });
http://tabulator.info/docs/3.4