Connect_logo_6.png 退出
前端视频教程 小程序 众筹源码 python 商城源码 商城模板 响应式模板 中文模板 手机模板 企业源码

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