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