Fixed #7092 - Change showClearButton as false and use FilterFillIcon for row filtering
parent
b401aff773
commit
6c0e96fdcc
|
@ -80,7 +80,7 @@ export default {
|
||||||
},
|
},
|
||||||
showClearButton: {
|
showClearButton: {
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
default: true
|
default: false
|
||||||
},
|
},
|
||||||
showApplyButton: {
|
showApplyButton: {
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
|
|
|
@ -431,7 +431,7 @@ export interface ColumnProps {
|
||||||
showFilterOperator?: boolean | undefined;
|
showFilterOperator?: boolean | undefined;
|
||||||
/**
|
/**
|
||||||
* Displays a button to clear the column filtering.
|
* Displays a button to clear the column filtering.
|
||||||
* @defaultValue true
|
* @defaultValue false
|
||||||
*/
|
*/
|
||||||
showClearButton?: boolean | undefined;
|
showClearButton?: boolean | undefined;
|
||||||
/**
|
/**
|
||||||
|
|
|
@ -17,7 +17,7 @@
|
||||||
v-bind="{ ...getColumnPT('pcColumnFilterButton', ptmFilterMenuParams), ...filterButtonProps.filter }"
|
v-bind="{ ...getColumnPT('pcColumnFilterButton', ptmFilterMenuParams), ...filterButtonProps.filter }"
|
||||||
>
|
>
|
||||||
<template #icon="slotProps">
|
<template #icon="slotProps">
|
||||||
<component :is="filterIconTemplate || 'FilterIcon'" :class="slotProps.class" v-bind="getColumnPT('filterMenuIcon')" />
|
<component :is="filterIconTemplate || hasRowFilter() ? 'FilterFillIcon' : 'FilterIcon'" :class="slotProps.class" v-bind="getColumnPT('filterMenuIcon')" />
|
||||||
</template>
|
</template>
|
||||||
</Button>
|
</Button>
|
||||||
<Button
|
<Button
|
||||||
|
@ -170,6 +170,7 @@ import { FilterOperator } from '@primevue/core/api';
|
||||||
import BaseComponent from '@primevue/core/basecomponent';
|
import BaseComponent from '@primevue/core/basecomponent';
|
||||||
import { ConnectedOverlayScrollHandler } from '@primevue/core/utils';
|
import { ConnectedOverlayScrollHandler } from '@primevue/core/utils';
|
||||||
import FilterIcon from '@primevue/icons/filter';
|
import FilterIcon from '@primevue/icons/filter';
|
||||||
|
import FilterFillIcon from '@primevue/icons/filterfill';
|
||||||
import FilterSlashIcon from '@primevue/icons/filterslash';
|
import FilterSlashIcon from '@primevue/icons/filterslash';
|
||||||
import PlusIcon from '@primevue/icons/plus';
|
import PlusIcon from '@primevue/icons/plus';
|
||||||
import TrashIcon from '@primevue/icons/trash';
|
import TrashIcon from '@primevue/icons/trash';
|
||||||
|
@ -212,7 +213,7 @@ export default {
|
||||||
},
|
},
|
||||||
showClearButton: {
|
showClearButton: {
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
default: true
|
default: false
|
||||||
},
|
},
|
||||||
showApplyButton: {
|
showApplyButton: {
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
|
@ -718,6 +719,7 @@ export default {
|
||||||
Button,
|
Button,
|
||||||
Portal,
|
Portal,
|
||||||
FilterSlashIcon,
|
FilterSlashIcon,
|
||||||
|
FilterFillIcon,
|
||||||
FilterIcon,
|
FilterIcon,
|
||||||
TrashIcon,
|
TrashIcon,
|
||||||
PlusIcon
|
PlusIcon
|
||||||
|
|
Loading…
Reference in New Issue