el-table的第二列el-table-column右侧边框加粗
时间: 2023-11-07 19:03:08 浏览: 166
.el-table-column的右侧边框可以通过添加以下CSS样式来加粗:
.el-table .el-table__body-wrapper .cell:nth-child(2) {
border-right-width: 2px;
border-right-style: solid;
}
相关问题
el-table的一条el-table-column边框加粗
el-table的一条el-table-column边框加粗可以通过使用CSS样式来实现。可以在el-table-column上添加一个CSS类,然后给这个类添加边框样式,例如:
.el-table-column-border {
border: 2px solid black;
}
然后,在el-table-column中使用这个类:
<el-table-column class="el-table-column-border" ...></el-table-column>
这样就可以使el-table-column的边框加粗了。
<el-table :data="tableData" stripe size="medium"> <el-table-column prop="id" label="ID" width="80" sortable></el-table-column> <el-table-column prop="orderno" label="订单编号" width="200"></el-table-column> <el-table-column prop="total" label="总金额"></el-table-column> <!-- <el-table-column prop="userid" label="用户id"></el-table-column>--> <el-table-column prop="status" label="状态" width="80"> 解释一下
这是一个基于 Element UI 组件库的表格组件,其中 `tableData` 是该表格的数据源,`stripe` 表示是否显示斑马线条纹,`size` 表示表格的大小。
`el-table-column` 是表格列的组件,其中 `prop` 属性表示该列所绑定的数据源中的字段名,`label` 属性表示该列的列名,`width` 属性表示该列的宽度,`sortable` 表示该列是否可排序。
在这个表格中,第一列是 ID 列,第二列是订单编号列,第三列是总金额列,第四列是状态列。其中 `status` 字段可能表示订单的状态,例如未支付、已支付等等。
阅读全文