ConfigurationsComponent
This component shows you a modal with the table settings
Example

this.$buefy.modal.open({
parent: this,
component: ConfigurationsComponent,
props: {
form: this.configForm,
isInModal: true,
stickyInside: true,
locale: this.$i18n.locale,
cardTitle: this.title,
cardSubtitle: i18n.t("config"),
enableAdvancedSearch: false,
modalWidth: 850,
simpleMode: false,
},
events: {
"restore-column": this.restoreColumns,
"on-sort": this.onSort,
"show-hide-all": (v) => this.showHide(v),
},
hasModalCard: true,
destroyOnHide: true,
trapFocus: true,
canCancel: ["escape", "x"],
});
Props
| Name | Description | Type | Required | Default |
|---|---|---|---|---|
| form | Form object to build AdvancedFilter form view | Object | true | - |
| cardTitle | Title of AdvancedFilter outher card | String | false | "ADVANCED FINDER" |
| titleClass | Sets custom class to Title of AdvancedFilter outher card | String | false | "is-size-4" |
| cardSubtitle | - | String | false | null |
| cardSubtitleClass | - | String | false | "is-size-5" |
| isInModal | Puts outher card class in-modal | Boolean | false | false |
| modalWidth | Defines the width of the outher card | Number | false | 400 |
| stickyInside | Define stycky right position in modal | Boolean | false | false |
| hideValidations | Hides inner components visual validation effects | Boolean | false | true |
| locale | Locale string {en, es ...} for display language on component | String | false | "es" |
| containerClassName | Classname of the element that contains the AdvancedFilter | String | false | null |
| simpleMode | - | Boolean | false | false |
| showAllColumnsProp | - | Boolean | false | true |
Events
| Event Name | Description | Parameters |
|---|---|---|
| show-hide-all | - | - |