ConfigurationsComponent

This component shows you a modal with the table settings

Example

ConfigurationsComponent

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

NameDescriptionTypeRequiredDefault
formForm object to build AdvancedFilter form viewObjecttrue-
cardTitleTitle of AdvancedFilter outher cardStringfalse"ADVANCED FINDER"
titleClassSets custom class to Title of AdvancedFilter outher cardStringfalse"is-size-4"
cardSubtitle-Stringfalsenull
cardSubtitleClass-Stringfalse"is-size-5"
isInModalPuts outher card class in-modalBooleanfalsefalse
modalWidthDefines the width of the outher cardNumberfalse400
stickyInsideDefine stycky right position in modalBooleanfalsefalse
hideValidationsHides inner components visual validation effectsBooleanfalsetrue
localeLocale string {en, es ...} for display language on componentStringfalse"es"
containerClassNameClassname of the element that contains the AdvancedFilterStringfalsenull
simpleMode-Booleanfalsefalse
showAllColumnsProp-Booleanfalsetrue

Events

Event NameDescriptionParameters
show-hide-all--