直接上代碼 ...

EditTable可編輯的表格 EditTable基於tabel布局的表格，表格內容單擊可以編輯，編輯完畢即可顯示新的內容； ESC按鍵可以撤銷編輯，返回原有內容。 點擊“添加”按鈕可以實現表格的增加； 點擊“刪除”可以刪除當前表格。 兼容了當前-IE系列 ...

動圖效果可參考：https://www.jianshu.com/p/33175c3a6ba4 ...

　　雙擊進入界面可編輯的列直接修改，界面如下所示： ...

...

用戶體驗的一篇好文章：http://www.manong123.com/content/5844.html ...

可編輯table 實現目前我用到的比較好用的有兩個： X-editable 支持bootstrap，jqueryUi, jquery 用法： 　　引入jquery.min.js 就不用說了 　　其次頁面引入： <link href ...

使用datagrid對商品數量和單價進行修改 ...