search

NG-ZORRO / ng-zorro-antd

Angular UI Component Library based on Ant Design
https://ng.ant.design
MIT License
8.87k stars 3.92k forks source link

table使用封装的自定义过滤组件问题 #3906

Closed ismezy closed 5 years ago

ismezy commented 5 years ago

Reproduction link

https://stackblitz.com/edit/angular-pj2d72

Steps to reproduce

table使用封装的自定义过滤组件时，过滤图标位置位置不对。

What is expected?

过滤图标应该居右。

What is actually happening?

过滤图标与表头文本重叠了。

Environment Info
ng-zorro-antd 8.1.2
Browser chrome
zorro-bot[bot] commented 5 years ago

Translation of this issue:

Table using encapsulated custom filter component issues

Reproduction link

https://stackblitz.com/edit/angular-pj2d72

Steps to reproduce

When the table uses the encapsulated custom filter component, the filter icon is not positioned correctly.

What is expected?

The filter icon should be right.

What is actually happening?

The filter icon overlaps the header text.

Environment Info
ng-zorro-antd 8.1.2
Browser chrome
vthinkxie commented 5 years ago

因为 ant deisgn 的 css 选择器是

.ant-table-thead>tr>th .ant-table-filter-icon, .ant-table-thead>tr>th .anticon-filter

增加一层自定义组件之后，css选择器会失效，样式需要自己定义