Html
    Css
    Js

    
                        
* {
	margin:0;
	padding:0;
	border:0;
}
table {
	width:100%;
	margin:20px auto;
	border-collapse:collapse;
}
table tr td {
	border:2px solid rosybrown;
	height:32px;
}
table tr td input {
	width:100%;
	height:100%;
}
#addrow,#detrow,#addcol,#detcol,#getstr,#getstrJson {
	display:block;
	line-height:40px;
	font-family:"Arial Black";
	background:#808000;
	width:100px;
	margin:20px auto;
	margin-left:20px;
	border:2px solid black;
	box-shadow:3px 3px 5px #b9b9b9;
	float:left;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.7.2
 立即下载

jquery表格行与列的动态增加和删除,附获取表格内容(字符串、json)格式(原创)

更新时间:2020-09-10 00:46:48

实现动态增加 删除最后一行与最后一列,获取表格内填写的input数据.
具体功能都已经添加按钮到页面上显示

0