html表格行列级标题,js根据行列标题生成表格

.w_table {

/*width:180px;

*/

border:1px solid rgba(230,230,230,1);

border-collapse:collapse;

}

.w_table td {

border:1px solid rgba(230,230,230,1);

padding:5px;

font-size:16px;

text-align:center;

}

.w_table td input {

outline:none;

}

.w_table td input[type="checkbox"] {

width:13px;

height:13px;

display:inline-block;

text-align:center;

/* vertical-align:middle;

*/

line-height:10px;

/*margin-right:10px;

*/

position:relative;

}

.w_table td input[type="checkbox"]::before {

content:"";

position:absolute;

top:0;

left:0;

background:#fff;

width:100%;

height:100%;

border:1px solid #d9d9d9;

border-radius:4px;

}

.w_table td input[type="checkbox"]:checked::before {

content:"\2713";

background-color:#fff;

position:absolute;

top:0;

left:0;

width:100%;

border:1px solid #7D7D7D;

border-radius:4px;

color:#7D7D7D;

font-size:14px;

font-weight:bold;

}