草庐IT

reset_table

全部标签

Element UI中实现el-table单元格全部无边框,鼠标浮动到表格上时去掉el-table默认背景色

1.实现无边框/*去除表格线*/.el_table>>>.el-table__row>td{border:none;}/*去除上边框*/.el_table>>>.el-tableth.is-leaf{border:none;}/*去除下边框*/.el_table>>>.el-table::before{height:0;}2.实现当鼠标浮动到表格上时去掉el-table默认背景色.el-table::v-deeptbodytr:hover>td{background-color:#fff;}3.使用    //长度占50%的两列4.实现效果  

vue element ui table行点击添加自定义行背景色

  1.在table添加cell-style属性:cell-style="TableCellStyle" 2.在methods中添加TableCellStyleTableCellStyle(row){if(this.row===row.row){return"background-color:#214F81;color:#ffffff!important;";}else{return"background-color:transparent;";}},3.在table添加row-click@row-click="RowClickFun"4.在methods中添加RowClickFunRowCl

unable to access ‘https://github.com/.../...git‘: Recv failure: Connection was reset

解决git下载报错:fatal:unabletoaccess‘https://github.com/…/…git’:Recvfailure:Connectionwasreset1、在git中执行gitconfig--global--unsethttp.proxy和gitconfig--global--unsethttps.proxygitconfig--global--unsethttp.proxygitconfig--global--unsethttps.proxy2、在cmd下执行ipconfig/flushdns清理DNS缓存ipconfig/flushdns3、重新执行gitclone

el-table 合并单元格(合并行)

1. 添加:span-method="objectSpanMethod" 2. 写objectSpanMethod 方法//#region合并单元格//这个方法是element-ui提供的单元格合并方法//objectSpanMethod传入了{row,column,rowIndex,columnIndex}//row:当前行//column:当前列//rowIndex:当前行号//columnIndex:当前列号//1代表:独占一行//更大的自然数:代表合并了若干行//0:代表“消失”的哪那一个单元格,后面的单元格向前推一格mergeCol(id,rowIndex){debugger;//合

Vue 中 element-ui table 结合后端请求实现排序

一.需求需要对指定列,结合后端请求进行排序二.效果三.知识点3.1如果需要结合后端请求排序,将需要排序的列上设置sortable为custom3.2同时在el-table标签上监听sort-change事件,在事件回调中可以获取当前排序列的字段名和排序顺序,从而将这些作为发起接口请求的入参3.3sort-change方法自带三个参数,分别为:column:当前列prop:当前列需要排序的字段名order:排序的规则(升序、降序和默认,默认就是没排序)四.代码和注释如下el-tableref="multipleTable":data="tableData"tooltip-effect="dark

Element-UI el-table高度不固定,自适应高度显示滚动条

问题描述表格内容过多时显示滚动条:可通过max-height设置一个固定的数值高度实现,但是项目中的需求是表格的高度不能写死,要自适应高度来显示滚动解决方案:查找.container{height:100%;width:100%;display:flex;flex-direction:column;}.search{height:70px}/*表格容器自动撑满剩余空间*/.tablesBox{flex:auto;overflow:hidden;.tablesContent{height:100%;width:100%;.el-table{/*表格高度设置*/height:100%!import

OpenSSL SSL_read: Connection was reset, errno 10054的解决方法

前言起因执行gitpush的时候遇到了’:OpenSSLSSL_read:Connectionwasreset,errno10054,的错误提示经过这是服务器的SSL证书没有经过第三方机构的签署,所以报错。错误原因可能是网络不稳定,连接超时造成的,如果你试了多次还是报这个错误,建议你执行下面的命令解决办法gitconfig--globalhttp.sslVerify"false"或者在git配置文件中添加如下配置[core] repositoryformatversion=0 filemode=false bare=false logallrefupdates=true symlinks=fa

element-Ui table只显示一行超出文字隐藏为...,鼠标移入显示所有内容。:show-overflow-tooltip=“true“,并设置弹出内容的宽度。

element-UItable文字超出一行,隐藏多余文字,移入显示tips。今天写项目的时候想实现一个table单元格文字只显示一行文字,剩余显示为...的功能,发现::show-overflow-tooltip="true"给el-table-column设置:show-overflow-tooltip="true"属性可以使单元格超出的内容自动折叠显示为...当鼠标移入时单元格的上方会弹出一个小tips来显示单元格得所有内容。上代码:这样就成功了!还有一个小问题有时候因为table中的文字非常的多,而show-overflow-tooltip默认是把折叠的内容全部折叠为一行。那么当文字多的

git reset 版本回退或撤销上一次pull操作

在拉取分支准备合并的时候,发现分支拉错了,不想提交,这时候你应该回退一下你所拉取的分支比如我现在已经执行完gitpull了,但是想回头gitpull之前的内容gitpullupstreamproupstream是我远程分支pro是我远程分支的生产环境现在我们先看看历史提交记录gitrefloggitreflog打印的更为详细一些这里不推荐使用gitlog去查看日志,当然大佬请绕过这时候我想回退到想要的版本gitreset--hard上面黄色编号cl最后请看图

element UI中table操作栏更多按钮展示与折叠的实现

1、然后给大家看下动态图2、解决思路:​一开始我的第一反应就是可以手写一个定位布局来点击弹出更多按钮弹框,后面看了下elementUI文档上有个组件可以利用,那就是Popover弹出框废话不多说,直接上代码吧html代码块:el-table:data="locationList"v-loading="loading"borderclass="table"ref="multipleTable"@selection-change="handleSelectionChange"> el-table-columntype="selection"width="55">el-table-column> e