Html
    Css
    Js

    
                        
/*version:2.7.0 */
/*reset 重置浏览器默认样式*/

html,body {
	color:#898989;
	background:#FFF;
	font-family:"Microsoft YaHei UI","Microsoft YaHei UI Light","微软雅黑","宋体",Helvetica-Black-SemiBold,Tahoma,Arial,sans-serif;
	font-size:12px;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset {
	border:solid 1px #666;
}
img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var,optgroup {
	font-style:inherit;
	font-weight:inherit;
}
del,ins {
	text-decoration:none;
}
li {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
}
h2 {
	font-size:16px;
}
h3 {
	font-size:14px;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
	font-variant:normal;
}
sup {
	vertical-align:baseline;
}
sub {
	vertical-align:baseline;
}
legend {
	color:#000;
}
input,button,textarea,select,optgroup,option {
	font-family:inherit;
	font-size:inherit;
	font-style:inherit;
	font-weight:inherit;
}
input,button,textarea,select {
	*font-size:100%;
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
a {
	color:#666;
	text-decoration:none;
}
a:hover {
	color:#06e;
}
a:focus {
	outline:thin dotted;
}
/* 改善在所有浏览器中获取焦点和悬停时的可读性:h5bp.com/h */

a:hover,a:active {
	outline:0;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.clearfix {
	*zoom:1;
}
.clearfix:before,.clearfix:after {
	display:table;
	line-height:0;
	content:"";
}
.clearfix:after {
	clear:both;
}
/*.container {
	width:1100px;
	margin-right:auto;
	margin-left:auto;
	*zoom:1;
}
.container:before,.container:after {
	display:table;
	line-height:0;
	content:"";
}
.container:after {
	clear:both;
}
*/
@charset "utf-8";
	html,body {
	font-size:14px;
	font-family:Arial,微软雅黑;
	color:rgb(79,111,125);
	background-color:rgb(246,246,246);
}
.box {
	background-color:#fff;
	padding:20px;
	margin:20px auto;
	width:82%;
	line-height:22px;
	border-color:#e8f3ec;
	border-bottom:9px solid #E7EFF1;
	box-shadow:1px 0px 5px rgba(100,100,100,0.3);
}
.form-control {
	display:inline-block;
	width:auto;
	vertical-align:middle;
	height:20px;
	padding:6px 12px;
	font-size:14px;
	line-height:1.42857143;
	color:#555;
	background-color:#fff;
	border:1px solid #ccc;
	border-radius:3px;
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
}
.btn {
	color:#fff;
	background-color:#5bc0de;
	border-color:#46b8da;
	display:inline-block;
	padding:6px 12px;
	margin-bottom:0;
	font-size:14px;
	font-weight:400;
	line-height:1.42857143;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	border:1px solid transparent;
	border-radius:3px;
}
.table-bordered {
	border:1px solid #ddd;
}
.table {
	width:100%;
	max-width:100%;
}
thead {
	display:table-header-group;
	vertical-align:middle;
}
thead tr {
	font-weight:bold;
	border:1px solid #ddd;
	border-bottom-width:2px;
}
td {
	padding:8px;
	line-height:1.42857143;
	border:1px solid #ddd;
}
a {
	cursor:pointer;
	color:#7698A7;
}

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

js表格排序删除操作

2
      大帅0
      2017/10/11 10:59:04

      这个怎么把数据存入数据库

      回复
      WangXingWeb0
      2017/9/14 9:58:54