【el-table 边框颜色修改 实测有效！】_el-table边框颜色

        <el-table style="width: 1241px" :data="info.deliveryOrderList">
          <el-table-column prop="deliveryNo" label="配送单号" width="160" />
          <el-table-column
            prop="customerOrderNo"
            label="客户订单号"
            width="160"
          />
          <el-table-column
            prop="outWarehouseAppointmentOrderNo"
            label="供应链出库预约单号"
            width="180"
          />
          <el-table-column
            prop="pickupPersonDate"
            label="预计提货日期"
            width="180"
          />
          <el-table-column prop="receiveName" label="接收人" width="160" />
          <el-table-column prop="receiveAddress" label="接收地址" width="300" />
          <el-table-column prop="xx" label="是否出库" width="100" />
        </el-table>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

改变前

改变后

/**
改变边框颜色
 */
.el-table {
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  margin: 0 auto;
}
::v-deep.el-table th {
  border: 1px solid black !important;
  border-right: none !important;
  border-bottom: none !important;
}

::v-deep.el-table td {
  border: 1px solid black;
  border-right: none !important;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18