注册 登录 充值会员 退出
毕业设计 PHP源码
充值

jQuery+PureCSS可编辑表格插件

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2018-05-09
jQuery+PureCSS可编辑表格插件
这是一款十分简单的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>