How to make HTML table “Excel-like” editable for multiple cells, i.e. simultaneous copy-paste features?

Question

I need my HTML table to be editable so that user inserted data could be sent to the server. However due to the table\'s size (50 rows) it would not be convenient for users to in

Answer 1

you can achieve this easily by adding handsontable

change any div to a excel table

var $container = $("#divid");
$container.handsontable({
data: getData(),
rowHeaders: true,
colHeaders: true,
contextMenu: true  //forces dom to use custom right click functionality like add row delete row add column etc 
});

jsFiddle : http://jsfiddle.net/jwtskyLa/