antd vue table表格取消固定列后选中hover异常效果

最新推荐文章于 2025-04-24 15:54:03 发布

YaaLee_

最新推荐文章于 2025-04-24 15:54:03 发布

阅读量886

点赞数 1

分类专栏： Css 文章标签： css antd vue

本文链接：https://blog.youkuaiyun.com/yrqlyq/article/details/120307065

版权

Css 专栏收录该内容

7 篇文章

订阅专栏

/deep/ .ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
background: #ffffff !important;
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

YaaLee_

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

antd-vue表格二次封装定制化

weixin_44191425的博客

08-16

962

index.vue <template> <div class="table"> <a-table :row-selection=" isRowSelection ? { selectedRowKeys: selectedRowKeys, onChange: onSelectChange, } : null .

Vue2 + ant design vue1.7.8版本 Table组件手动拖拽、可伸缩列功能

weixin_41832038的博客

08-26

5038

Vue2 手写实现ant design vue 1.7.8低版本 table组件的列拖拽、可伸缩列的功能

参与评论您还未登录，请先登录后发表或查看评论

去除ant design vue中a-table组件鼠标悬停和选中行的样式

qq_57229245的博客

07-15

1017

【代码】去除ant design vue中a-table组件鼠标悬停和选中行的样式。

antd vue 自定义Table 行hover

weixin_43203545的博客

10-12

1189

antd vue 自定义Table 行hover

ant-design-vue中table数据在鼠标hover时去掉当前行显示的背景色

Yukinoshita_kino的博客

02-21

6266

ant-design、element-ui等UI框架中，table列表的数据，在鼠标悬停(hover)时，去掉当前行所默认显示的背景颜色.

用antdsign组件的table 取消固定的滑过行样式

qq_43833839的博客

09-26

473

这样设置的话，table固定的滑过行样式就是透明色了，满足一些在大屏上展示表格的需求。

使用vue结合antd-design-vue组件库中的表格a-table的时候，去掉鼠标悬浮背景行高亮

THY0827的博客

06-05

518

试用了很多方法，前两种不可用。

vue3+antd的table小组件

lbchenxy的博客

05-06

1667

antdtable组件支持增加搜索栏配置。增加按钮等操作。闲话少叙，上代码  <template> <div class="c-data-table"> <a-spin :spinning="spinning"> <a-card :title="title" :bordered="false"> <div class="dt-search" v-if="$s

antd的table实现鼠标移到某一行显示操作列的操作按钮

youlinaixu的博客

09-04

9091

实现效果如下：代码实现： rowKey一定 <Table rowSelection={rowSelection} rowKey='id' onRow={this.onRow} rowClassName={this.setClassName} ...

antdvue table滚动条设置样式

02-12

### 自定义 Ant Design Vue 表格组件中的滚动条样式在实际项目开发过程中，为了提升用户体验和界面美观度，常常需要对默认的滚动条样式进行自定义。对于 Ant Design Vue 的 `Table` 组件而言，可以通过 CSS 或者 ...

修改ant-design表格hover的颜色和取消hover变色

zuo_zuo_blog的博客

03-07

5259

tr:hover:not(.ant-table-expanded-row)不过这里从来没有见过这种用法，这里记录一下：not() 匹配不符合一组选择器的元素，就是当元素有ant-table-expanded-row样式的时候，不会触发这个hover的样式。例子 .tableGroup .@{ant-prefix}-table-tbody > tr.cuhk-nur-event-table-row:hover:not(.showBlueGroup) > td { background: #f.

Ant中Table表格的一些设置

2301_76315784的博客

09-19

886

1、相继导入表头，使用dataIndex与数据相对应，fixed确定位置，titile确定表格内容。在标签<a-table>中添加:rowClassName属性，以及添加addRowColor函数。2、导入表格内容，每条数据对象的对象名与columns中的dataIndex相对应。在<style>中添加oddRow与evenRow的样式。

antd Table使用记录

An_cf的博客

09-12

4417

1.antd table如何关闭hover效果？需求原因：对于普通表格来说，antd表格的hover完全是可以的，但是在单元格进行了合并的复杂表格中，就会显得很怪；解决方法：样式覆盖--------------------- .ant-table-tbody > tr:hover > td{ background:transparent ! important;...

ant-vue中a-table去除鼠标悬停背景色

m0_37583718的博客

04-03

7656

问题使用a-table的时候，会发现鼠标移到某行，某行就会高亮或有背景色填充。那怎么去掉这个效果呢？解决添加以下CSS即可： deep/ table tbody tr:hover>td { background-color:#ffffff!important } ...

table去除鼠标悬停hover效果

热门推荐

淡然坊

09-27

2万+

网上有很多“table如何增加鼠标悬停效果”的这种帖子，无非就是加hover。但是我现在遇到了一个问题，我在项目中创建了干干净净的一个table，发现它居然是有鼠标悬停效果的，我猜估计是有一个全局的table样式起作用了，因为我当前的页面是通过seajs加上header,footer和左边的nav菜单构建起来的，可能会有一个我看不到的common.css。

vue页面事件/鼠标事件禁用

weixin_44875693的博客

03-29

5463

某个dom的鼠标右键禁用 <div @contextmenu.prevent="handlePaste($event)"> methods:{ // 禁用鼠标右键点击事件 handlePaste(event){ event.preventDefault(); return false; }, } 整个页面的事件禁用 created(){ this.stopF5Refresh(); }, methods:{ stopF5Refresh() { document.onk

【Vue】el-table 取消鼠标悬浮时行高亮效果

baidu_hxl的博客

10-11

6423

el-table组件,鼠标悬停时会有默认事件：高亮当前行；可以把颜色设置成背景色，或者任何自己想要的颜色： div /deep/ .el-table tbody tr:hover>td { background: #ccc!important } 但如果设置了stripe属性，表格会呈斑马纹两种颜色交替，设置颜色这个方法就失效了，这时候就可以禁用事件： //el-table 取消鼠标悬浮时行高亮效果 div /deep/ .el-table tbody tr { po

ant Design table表格 hover行样式修改

ling_kedu的博客

09-09

1万+

1.找到table表格，点击tr（序号1），然后再单击hover（序号2），使北京市固定显示 2.点击第一个td（序号3），保持hover状态，找到默认背景色 3.复制出 .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td { background: #e6f7ff; } 4.然后css样式全局更改就可以了 ...

JavaWeb：Html&Css