# filter-column



<!-- Auto Generated Below -->


## Properties

| Property           | Attribute            | Description | Type                            | Default     |
| ------------------ | -------------------- | ----------- | ------------------------------- | ----------- |
| `columnLabel`      | `column-label`       |             | `string`                        | `undefined` |
| `columnName`       | `column-name`        |             | `string`                        | `undefined` |
| `dataSource`       | --                   |             | `IMultiSelectionListDataSource` | `undefined` |
| `dataUnit`         | --                   |             | `DataUnit`                      | `undefined` |
| `gridHeaderHidden` | `grid-header-hidden` |             | `boolean`                       | `false`     |
| `noHeaderTaskBar`  | `no-header-task-bar` |             | `boolean`                       | `false`     |
| `opened`           | `opened`             |             | `boolean`                       | `true`      |
| `options`          | --                   |             | `IMultiSelectionOption[]`       | `undefined` |


## Events

| Event                      | Description | Type                                       |
| -------------------------- | ----------- | ------------------------------------------ |
| `applyFilterColumnOptions` |             | `CustomEvent<IAppliedFilterColumnOptions>` |


## Methods

### `hide() => Promise<void>`



#### Returns

Type: `Promise<void>`

---

### `show(configs: IFilterColumnConfigs) => Promise<void>`

Abre o filtro de coluna.

#### Returns

Type: `Promise<void>`




## Dependencies

### Used by

 - [ez-grid](..)

### Depends on

- [ez-popover-plus](../../ez-popover-plus)
- [ez-button](../../ez-button)
- [ez-multi-selection-list](../../ez-multi-selection-list)

### Graph
```mermaid
graph TD;
  filter-column --> ez-popover-plus
  filter-column --> ez-button
  filter-column --> ez-multi-selection-list
  ez-popover-plus --> ez-popover-core
  ez-button --> ez-icon
  ez-multi-selection-list --> ez-check
  ez-multi-selection-list --> ez-list
  ez-multi-selection-list --> ez-icon
  ez-multi-selection-list --> multi-selection-box-message
  ez-multi-selection-list --> ez-filter-input
  ez-multi-selection-list --> ez-search
  ez-list --> ez-check
  ez-filter-input --> ez-text-input
  ez-filter-input --> ez-icon
  ez-text-input --> ez-tooltip
  ez-text-input --> ez-icon
  ez-search --> ez-text-input
  ez-search --> ez-icon
  ez-search --> ez-popover-plus
  ez-search --> search-list
  search-list --> ez-card-item
  ez-grid --> filter-column
  style filter-column fill:#f9f,stroke:#333,stroke-width:4px
```

----------------------------------------------


