当前位置: 首页 > 知识库问答 >
问题:

前端 - elementui列添加上属性show-overflow-tooltip,如何修改其样式,隐藏掉小三角形?

孟彦
2023-09-04

image.png

<template>  <div>   <el-row style="width:800px">    <el-table      :data="tableData"      :tooltip-effect="'tooltipStyle'"      style="width: 100%">      <el-table-column       show-overflow-tooltip        prop="address"        label="地址">      </el-table-column>      <el-table-column        prop="name"        label="姓名"        width="180">      </el-table-column>    </el-table>  </el-row>  </div></template><script>  export default {    name:'Test',       data(){      return{         tableData: [{            date: '2016-05-02',            name: '王小虎',            address: '上海市普陀区金沙江路 1518 弄上海市普陀区金沙江路 1518 弄上海市普陀区金沙江路 1518 弄上海市普陀区金沙江路 1518 弄'          }, {            date: '2016-05-04',            name: '王小虎',            address: '上海市普陀区金沙江路 1517 弄'          }]      }    },    methods: {        },  }</script><style lang="less">.is-tooltipStyle {  background: #fff;  color: #3759af;  border: 1px solid rgb(158, 157, 157);  font-size: 15px;}</style>

共有2个答案

子车勇锐
2023-09-04
.el-tooltip__popper {  &.is-tooltipStyle {    .popper__arrow {      display: none !important;    }  }}
梁丘威
2023-09-04
.el-popper__arrow{  display: none!important;}
 类似资料:
  • 项目中用到ele的table组件,某些列需要使用show-overflow-tooltip来提示,超出显示省略号,如果正常使用是没有问题的,但是由于列内容比较复杂,所以需要在列里面通过div来包裹内容,虽然能够提示tooltip,但是却无法显示省略号了,请问该怎么处理呢?谢谢!

  • 本文向大家介绍elementui的默认样式修改方法,包括了elementui的默认样式修改方法的使用技巧和注意事项,需要的朋友参考一下 今天用element ui ,做了个消息提示,发现提示的位置总是在上面,如图: 可是我想让提示的位置到下面来,该怎么办? 最后还是看了官方的api 原来有个自定义样式属性 customClass 设置下就好了 js代码 css代码 效果图 以上这篇elementu

  • 本文向大家介绍Element-ui自定义table表头、修改列标题样式、添加tooltip、:render-header使用,包括了Element-ui自定义table表头、修改列标题样式、添加tooltip、:render-header使用的使用技巧和注意事项,需要的朋友参考一下 render-header render-header在官方文档中的介绍是这样的: 参数 说明 类型 可选值 默认值

  • 本文向大家介绍ElementUI怎么修改组件的默认样式?相关面试题,主要包含被问及ElementUI怎么修改组件的默认样式?时的应答技巧和注意事项,需要的朋友参考一下 我一般做法为在组件外层定义类名,通过获取组件类名,在style里面(不设置scoped)添加新的样式,当然通过公共样式也未尝不可。

  • 在漏斗图中转化层用于描述不同阶段或步骤之间的转化过程。 漏斗图的转化层的背景颜色通常默认为单一颜色,如何修改漏斗图转化层的背景颜色,以提高可视化的效果和可读性?