利用jQuery与PureCSS实现的可编辑表格源码.zip

共5个文件

js：2个

css：1个

html：1个

1.该资源内容由用户上传，如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款（资源遇到问题，请及时私信上传者）

版权申诉

前端代码

0 下载量 149 浏览量 2022-11-10 03:13:18 上传评论收藏 41KB ZIP 举报

温馨提示

利用jQuery与PureCSS实现的可编辑表格源码.zip 利用jQuery与PureCSS实现的可编辑表格源码.zip 利用jQuery与PureCSS实现的可编辑表格源码.zip

资源推荐

资源详情

资源评论

收起资源包目录

利用jQuery与PureCSS实现的可编辑表格源码.zip （5个子文件）

132696216263880375

jquery-purecss-edit-table

css

pure-min.css 17KB

index.html 1KB

jquery-1.8.3.min.js 91KB

mindmup-editabletable.js 4KB

yuanma.bat 149B

共 5 条

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>基于jQuery和PureCSS的可编辑表格DEMO演示</title> <link rel="stylesheet" href="css/pure-min.css"> <style> body{ padding: 1% 3%; color: rgb(119, 119, 119); } h1{ color:#333 } </style> </head> <body> <h1>Editable table example</h1> <table id="editable" class="pure-table pure-table-bordered"> <thead> <tr> <th>#</th> <th>Make</th> <th>Model</th> <th>Year</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Honda</td> <td>Accord</td> <td>2009</td> </tr> <tr> <td>2</td> <td>Toyota</td> <td>Camry</td> <td>2012</td> </tr> <tr> <td>3</td> <td>Hyundai</td> <td>Elantra</td> <td class="uneditable">2010</td> </tr> </tbody> </table> <script src="js/jquery-1.8.3.min.js"></script> <script src="js/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> </body> </html>

评论收藏

内容反馈

1.该资源内容由用户上传，如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款（资源遇到问题，请及时私信上传者）

版权申诉

资源评论