表格样式 ---- (默认表格、行边框表格、列边框表格)

@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;

}