Html
    Css
    Js

    
                        
/*表格*/
.typical-table {
	text-align:center;
	background:#fff;
	border-top:1px solid #f1f1f1;
}
.typical-table table {
	width:100%;
	background:#fff;
	border-collapse:collapse;
	border:1px solid #ddd;
}
.typical-table tr {
	border-bottom:1px solid #f1f1f1;
}
.typical-table td {
	height:40px;
	font-size:12px;
	padding:0px 20px;
	text-align:center;
	color:#666;
}
.typical-table thead td {
	color:#666;
	font-weight:bold;
	background:#f6fbff;
}
/*表格控件*/
.typical-table td .td-btn {
	padding:6px 16px;
	margin-right:5px;
	background:#00a8e6;
	color:#fff;
	border:1px solid #00a8e6;
	border-radius:4px;
	font-size:12px;
	cursor:pointer;
}
.typical-table .td-input {
	width:100%;
	height:26px;
	border-radius:4px;
	border:1px solid #ddd;
	font-size:12px;
	text-align:center;
}
.per-20 {
	width:20%;
}
.red {
	border:1px solid #fe3f3f !important;
}

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

表格行内添加行

保存添加一行内容,清空清除输入框的数据,验证每一项必须添加内容。

0