简单粗暴的table行编辑保存

最新推荐文章于 2022-11-27 11:49:34 发布

Joyce-Luo

最新推荐文章于 2022-11-27 11:49:34 发布

阅读量6k

点赞数 7

分类专栏： JavaScript Web Java Web应用开发文章标签：行编辑 html5 js javascript jquery

本文链接：https://blog.csdn.net/luo201227/article/details/50559988

版权

这篇博客介绍了如何实现HTML5表格的行编辑功能，并提供了一个简单的Demo。在用户完成编辑后，讨论了编辑保存的实现可能性，鼓励编程时要有自己的思路和想法。虽然Demo未进行详细美化，但希望能对需要此功能的读者有所帮助。

摘要由CSDN通过智能技术生成

前段时间有人私信问“有没有点击编辑按钮相应的一行变成编辑状态”，最后交流了一会儿，只能写了一个简单的Demo，也就是上一篇博文：《最原始的行编辑》，完事后问题又来了，编辑完成后保存能行否？这个问题你们觉得答案是什么，我就不说了，答案你们定。。。最后强调了一句，编程一定要有自己的思路和想法！！！今天就把剩下的想要的给大家~~~

<html>
	<head>
		<title>Table Test Demo</title>
		<style>
			.view_table {
				width:800px;
				height:auto;
				margin:0px auto;
			}
			
			.view_table table {
				width: 100%;
				font-size: 12px;
				font-family: "Microsoft YaHei" !important;
				text-align: center;
			}
			
			.view_table table tr td {
				border: 1px green solid;
				background-color: #cccccc;
				line-height: 30px;
				width: 80px;