>
    <slot name="filter">
      <vaadin-text-field id="filter" value="{{value}}"></vaadin-text-field>
    </slot>

  </template>
  <script>
    (function() {
      /**
       * `<vaadin-grid-filter>` is a helper element for the `<vaadin-grid>` that provides out-of-the-box UI controls,
       * and handlers for filtering the grid data.
       *
       * #### Example:
       * ```html
       * <vaadin-grid-column>
       *   <template class="header">
       *     <vaadin-grid-filter path="name.first"></vaadi