这是一款十分简单的jQuery+PureCSS实现的可编辑表格插件,点击table表格的单元格对文字内容进行修改,再在单元格外随意点击一下即可保存。
js代码
<script src=\"jquery-1.8.3.min.js\"></script> <script src=\"mindmup-editabletable.js\"></script> <script> $(\'#editable\').editableTableWidget(); $(\'#editable td.uneditable\').on(\'change\', function(evt, newValue) { return false; }); $(\'#editable td\').on(\'change\', function(evt, newValue) { $.post( \"script.php\", { value: newValue }) .done(function( data ) { alert( \"Data Loaded: \" + data ); }); ; }); </script>
暂无评论内容