![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
表格
靓靓的圆子
这个作者很懒,什么都没留下…
展开
-
表格的表头,表体根据后端返回的数据驱动,还有排序
循环表格数据原创 2022-08-18 16:34:55 · 386 阅读 · 0 评论 -
改变表格自带的 滚动条 的宽度
滚动条的样式原创 2022-06-07 10:57:35 · 444 阅读 · 0 评论 -
点击添加按钮,表格显示最后一行
<el-table :data="DrugList" ref="editTable"></el-table>DrugList是表格的数据,监听这个数据的变化。让scrollTop=scrollHeight就可以了watch: { DrugList() { this.$nextTick(() => { if(this.$refs.editTable){ console.log(5821,this.$refs.editT原创 2022-02-22 16:27:40 · 426 阅读 · 0 评论 -
表格中某一行选中确认后,禁用掉,不让选择且变灰色
1,用的el-table,我这里是把选中确认后的数据跟表格中的数据对比,是选中了的数据就set一个字段Confirmed = true,然后:row-class-name来改这一行的颜色,再:selectable来禁用复选框<el-table :max-height="maxTable" :data="tableData" style="width: 100%" @selection-change="h原创 2021-10-26 16:55:04 · 1594 阅读 · 0 评论 -
两个表格-左右布局
<template> <div class="LeftRightLayout"> <!-- 患者列表来的异常数量弹窗 --> <div style="width:20%;height: 100%" v-if="textCode == 'JHTableList'"> <el-table :data="LabResult" border class="eltable" height='100%'原创 2021-08-26 16:23:44 · 911 阅读 · 0 评论 -
el-element的el-table的表头更改颜色
<el-table :data="moduleData2" tooltip-effect="dark" :header-cell-style="{background:'#ECF1FE'}"></el-table>api里有个header-cell-style,表头单元格的 style 的回调方法,也可以使用一个固定的 Object 为所有表头单元格设置一样的 Style。就可以改变表头的颜色了...原创 2021-06-17 10:49:26 · 5557 阅读 · 0 评论 -
表格的某列的文字竖向排列
写上class<w-table-column v-if="item.Code == 'PresType'" prop="PresType" label=" " width="80" class-name="IssueCategory" align="center">css/deep/ .IssueCategory { padding: 0; div.cell { padding: 0; writing-mode:原创 2021-02-22 10:14:19 · 497 阅读 · 0 评论 -
给表格的....省略号,划过显示全部完整信息
<w-table ref="table" border style="width: 100%" @row-click="rowclick" :height="Tableheight" tooltip-effect="dark"> <template v-if="TaskStatus!=3&&TaskStatus!=4&&ExtractContent.length>0"> <w-table-column原创 2021-02-07 15:03:35 · 206 阅读 · 0 评论 -
合并行和列
<w-table :span-method="objectSpanMethod">//合计和合并行 objectSpanMethod({ row, column, rowIndex, columnIndex }) { console.log(row) console.log(column) console.log(rowIndex) cons原创 2021-01-28 10:03:14 · 201 阅读 · 0 评论 -
删除一个数组里某个指定的对象
this.PublicHeaders.forEach((element,index) => { console.log(element,"element") //CanSort: false //Code: "ResultID" //ID: -2 //Name: "结果ID" //ParentID: 0 //RelatedTable: "Hos_DPResultDetail" //SubItem: null if (element.Name == '结果ID') { c原创 2021-01-21 15:04:09 · 1390 阅读 · 0 评论 -
要改变表格内单元格的文字的颜色
1,不用新增el-table-column,直接新建template就可以了```javascript<w-table-column :prop="item.Code" :label="item.Name" v-for="(item,index) in tableHeaders" :key="index"> <template slot-scope="scope"> <div :title="scope.row[item.Code]"原创 2021-01-04 10:47:52 · 361 阅读 · 0 评论 -
表格需要点击一行中的第一个单元格的时候
<w-table ref="table" border style="width: 100%" @row-click="rowclick" :height="Tableheight"></w-table>```javascript//列表每一行数据 rowclick(row, column, event) { console.log(row, "row22") console.log(column, "column2")原创 2020-12-31 11:27:50 · 72 阅读 · 0 评论 -
表格的第一列是复选框,怎么能点复选框的时候,不触发点击这一条数据的函数
本来点击这一条数据的时候会弹窗,为了防止点击复选框的时候误弹窗,所以要禁止点击复选框的单元格出来弹窗解决方法,在点击这条数据的函数rowclick()里面做操作rowclick(row,column, event) { console.log(event,"event") //可以打印event出来看看,当点击复选框的单元格的时候,有个type="selection",就可以用这个来做判断 if (event.type == "selection") { return .原创 2020-09-10 14:04:05 · 347 阅读 · 0 评论