表格样式 ---- (默认表格、行边框表格、列边框表格)
@table-border-color: #e2e2e2;
.d-table{
width: 100%;
background-color: #fff;
margin: 10px 0;
th, td {
padding: 9px 15px;
min-height: 20px;
line-height: 20px;
border: 1px solid @table-border-color;
font-size: 14px;
}
}
.d-table tr:hover{
background-color: #f8f8f8
}
.d-table, .d-table[d-skin=line], .d-table[d-skin=row] {
border: 1px solid @table-border-color;
}
.d-table tr td, .d-table tr th {
border-top: 0;
border-left: 0;
}
.d-table tbody tr:last-child td {
border-bottom: 0px;
}
.d-table tr td:last-child, .d-table tr th:last-child{
border-right: 0px;
}
.d-table[d-skin=row] td, .d-table[d-skin=row] th, .d-table[d-skin=line] td, .d-table[d-skin=line] th {
border: none;
}
.d-table[d-skin=row] td:not(:last-child), .d-table[d-skin=row] th:not(:last-child) {
border-right: 1px solid @table-border-color;
}
.d-table[d-skin=line] tr:not(:last-child) td, .d-table[d-skin=line] th {
border-bottom: 1px solid @table-border-color;
}