随笔分类 -  前端 / 表格

el-table 公共样式
摘要：element-ui.scss 表格头 .el-table__header-wrapper .el-table__header tr>th { background-color: #f6f8fa; // background-color: #E9EEFA; font-size: 15px; font 阅读全文
posted @ 2024-12-27 17:04 .Tik 阅读(33) 评论(0) 推荐(0)
自定义表格样式-html
摘要：HTML： <div class="table-container"> <table style="width: 90%; margin-left: 5%"> <tr class="table-title"> <th style="width: 33%">科室名称</th> <th style="w 阅读全文
posted @ 2024-09-25 15:48 .Tik 阅读(58) 评论(0) 推荐(0)
表格单元格点击操作（弹窗）
摘要：表格点击单元格出现弹窗 <el-table ref="table" :data="tableList" row-key="tableId" @row-click="handleRowClick" > <el-table-column label="列1" prop="column1" align=" 阅读全文
posted @ 2024-08-21 15:47 .Tik 阅读(240) 评论(0) 推荐(0)
vue+element-ui在表格中计算两数差值并让差值>20的字体显示为红色
摘要：<el-table-column prop="differential" label="差量" class-name="small-padding fixed-width"> <template slot-scope="scope"> <span :class="{ 'red-text': isDi 阅读全文
posted @ 2024-05-14 14:34 .Tik 阅读(144) 评论(0) 推荐(0)