diff --git a/src/assets/main.css b/src/assets/main.css index 901f54f..2cb5516 100644 --- a/src/assets/main.css +++ b/src/assets/main.css @@ -24,4 +24,8 @@ div#app { .vc-container { font-family: 'Roboto' !important; +} + +:root { + --vs-font-size: 1em!important; } \ No newline at end of file diff --git a/src/components/Grid/Main/Filter/Combobox.vue b/src/components/Grid/Main/Filter/Combobox.vue index 3685343..d6aa6de 100644 --- a/src/components/Grid/Main/Filter/Combobox.vue +++ b/src/components/Grid/Main/Filter/Combobox.vue @@ -2,6 +2,7 @@ @@ -20,7 +21,9 @@ export default { changeValue: { }, filter: { - } + }, + placeholder: { + }, }, data() { return { diff --git a/src/components/Grid/Main/Filter/ComboboxFilter.js b/src/components/Grid/Main/Filter/ComboboxFilter.js index d8731eb..8de97f0 100644 --- a/src/components/Grid/Main/Filter/ComboboxFilter.js +++ b/src/components/Grid/Main/Filter/ComboboxFilter.js @@ -7,9 +7,10 @@ export default { Combobox }, template: ``, mounted() { this.params.api.sizeColumnsToFit() @@ -19,6 +20,19 @@ export default { filter: '', }; }, + computed: { + placeholder() { + let parentColumnName = this.params.column.userProvidedColDef.filterParams.parentColumn + if (parentColumnName) { + let filterInstance = this.params.api.getFilterInstance(parentColumnName) + if (!filterInstance.filter || filterInstance.filter === '') { + let displayName = filterInstance.params.column.userProvidedColDef.headerName + return `Please select ${displayName} first` + } + } + return '' + } + }, methods: { updateFilter(value) { this.filter = value