Vaadin-grid-filter with dataProvider not working

I try filter data by vaadin-grid-filter. When sorting dataProvider is refreshing but when I try filter input not work…

    gridTemplate(columns: any){
        return html`
        <vaadin-grid
        id="grid" 
        .dataProvider=${this.dataProvider}
        >
        ${columns.map((column: Column) => html`<vaadin-grid-column width=${column.size} resizable path=${column.name} header="${column.alias}">
                <template class="header">
                    <vaadin-grid-sorter path=${column.name}>
                        <vaadin-grid-filter path="${column.name}">
                            <vaadin-text-field slot="filter" title="${column.alias}" placeholder=${column.alias} 
                            @input=${(e:any) => {console.log("Test INPUT")}}
                            @change=${(e: any) => (console.log("Test CHANGE"))}
                            @value-changed=${(e:any) => (console.log("Test VALUE-CHANGE"))}></vaadin-text-field>
                        </vaadin-grid-filter>
                    </vaadin-grid-sorter>
                </template>
            </vaadin-grid-column>`)}
    </vaadin-grid>`
    }

63 thoughts on “Vaadin-grid-filter with dataProvider not working”

  1. 997904 362767Oh my goodness! a amazing post dude. Thanks Nonetheless My business is experiencing issue with ur rss . Do not know why Struggling to join it. Is there anybody obtaining identical rss problem? Anyone who knows kindly respond. Thnkx 70238

    Reply
  2. 252710 703464Write more, thats all I have to say. Literally, it seems as though you relied on the video to make your point. You obviously know what youre talking about, why waste your intelligence on just posting videos to your site when you could be giving us something informative to read? 782742

    Reply

Leave a Comment