Html
    Css
    Js

    
                        
.table-bordered {
	border-width:1px;
	border-style:solid;
	border-color:rgb(221,221,221);
	border-image:initial;
}
table {
	max-width:100%;
	background-color:transparent;
	border-collapse:collapse;
	border-spacing:0px;
	text-indent:initial;
}
tbody {
	display:table-row-group;
	vertical-align:middle;
	border-color:inherit;
}
.text-danger {
	color:#000;
	font-size:18px;
}
tr {
	display:table-row;
	vertical-align:inherit;
	border-color:inherit;
}
.table-bordered > thead > tr > th,.table-bordered > tbody > tr > th,.table-bordered > tfoot > tr > th,.table-bordered > thead > tr > td,.table-bordered > tbody > tr > td,.table-bordered > tfoot > tr > td {
	border-width:1px;
	border-style:solid;
	border-color:rgb(221,221,221);
	border-image:initial;
}
.table > thead > tr > th,.table > tbody > tr > th,.table > tfoot > tr > th,.table > thead > tr > td,.table > tbody > tr > td,.table > tfoot > tr > td {
	line-height:20px;
	vertical-align:top;
	padding:8px;
}
.text-center {
	text-align:center;
}
td {
	display:table-cell;
	vertical-align:inherit;
	width:146px;
}
.btn-sm {
	font-size:12px;
	border-radius:3px;
	height:20px;
	line-height:20px;
}
.btn-primary {
	color:rgb(255,255,255);
	background-color:rgb(66,139,202);
	border-color:rgb(53,126,189);
}
.btn {
	display:inline-block;
	margin-bottom:0px;
	font-size:14px;
	font-weight:normal;
	line-height:20px;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	cursor:pointer;
	background-image:none;
	user-select:none;
	padding:6px 12px;
	border-width:1px;
	border-style:solid;
	border-color:transparent;
	border-image:initial;
	border-radius:4px;
}
.btn-danger {
	color:rgb(255,255,255);
	background-color:rgb(217,83,79);
	border-color:rgb(212,63,58);
}
.form-control {
	display:block;
	width:100%px;
	height:24px;
	padding:3px 2px;
	font-size:14px;
	line-height:24px;
	color:#333;
	vertical-align:middle;
	background-color:#fff;
	background-image:none;
	border:1px solid #ccc;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 1px rgb(0 0 0 / 8%);
	box-shadow:inset 0 1px 1px rgb(0 0 0 / 8%);
	-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.sel_mask {
	width:36px;
	height:28px;
	border-radius:5px;
	box-shadow:1px 1px 5px  rgb(66,139,202);
	text-decoration:none;
}

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

table动态添加行和列

更新时间:2022-05-06 09:22:47

table动态添加行和列的一个demo

0