github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: table fixed column not show dropdown

pull/4499/head
tangjinzhou 2021-08-07 09:26:24 +08:00
parent 987c3872bf
commit 33f7b4850c
1 changed files with 2 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
components/table/filterDropdown.tsx
View File

@ -1,7 +1,6 @@
import { reactive, defineComponent, nextTick, computed, watch } from 'vue'; import { reactive, defineComponent, nextTick, computed, watch } from 'vue';
import FilterFilled from '@ant-design/icons-vue/FilterFilled'; import FilterFilled from '@ant-design/icons-vue/FilterFilled';
import Menu, { SubMenu, MenuItem } from '../menu'; import Menu, { SubMenu, MenuItem } from '../menu';
import closest from '../_util/dom-closest';
import classNames from '../_util/classNames'; import classNames from '../_util/classNames';
import shallowequal from '../_util/shallowequal'; import shallowequal from '../_util/shallowequal';
import Dropdown from '../dropdown'; import Dropdown from '../dropdown';
@ -9,7 +8,7 @@ import Checkbox from '../checkbox';
import Radio from '../radio'; import Radio from '../radio';
import FilterDropdownMenuWrapper from './FilterDropdownMenuWrapper'; import FilterDropdownMenuWrapper from './FilterDropdownMenuWrapper';
import { FilterMenuProps } from './interface'; import { FilterMenuProps } from './interface';
import { isValidElement, findDOMNode } from '../_util/props-util'; import { isValidElement } from '../_util/props-util';
import initDefaultProps from '../_util/props-util/initDefaultProps'; import initDefaultProps from '../_util/props-util/initDefaultProps';
import { cloneElement } from '../_util/vnode'; import { cloneElement } from '../_util/vnode';
import BaseMixin2 from '../_util/BaseMixin2'; import BaseMixin2 from '../_util/BaseMixin2';
@ -67,33 +66,9 @@ export default defineComponent({
// ); // );
return state; return state;
}, },
mounted() {
const { column } = this;
nextTick(() => {
this.setNeverShown(column);
});
},
updated() {
const { column } = this;
nextTick(() => {
this.setNeverShown(column);
});
},
methods: { methods: {
getDropdownVisible() { getDropdownVisible() {
return this.neverShown ? false : this.sVisible; return !!this.sVisible;
},
setNeverShown(column) {
const rootNode = findDOMNode(this);
const filterBelongToScrollBody = !!closest(rootNode, `.ant-table-scroll`);
if (filterBelongToScrollBody) {
// When fixed column have filters, there will be two dropdown menus
// Filter dropdown menu inside scroll body should never be shown
// To fix https://github.com/ant-design/ant-design/issues/5010 and
// https://github.com/ant-design/ant-design/issues/7909
this.neverShown = !!column.fixed;
}
}, },
setSelectedKeys({ selectedKeys }) { setSelectedKeys({ selectedKeys }) {