0

How do I add a filter attribute to <iron-data-table? (Please post a plunk demo.)

I forked this plunk. Then I tried to add a filter by adding the following line:

<iron-data-table
  ...
  filter="['item.user.name.first.length', '< 5']">

Which broke the plunk. Here is the new (now broken) plunk.

The documentation here describes the filter attribute as follows:

filter An array containing path/filter value pairs that are used to filter the items.

But it lacks an example of how to use it.

How do I add a filter attribute to <iron-data-table? (Please post a plunk demo.)

Let Me Tink About It
  • 15,156
  • 21
  • 98
  • 207

1 Answers1

3

This isn't a very well documented feature:

Normally, you would go about using filter-by and filter-value properties in <data-table-column> elements, but you can also access the filter property directly.

When it comes to filtering items data source, there is only "contains" kind of filtering available. So, you pretty much can't do filtering based on string length like in your Plnkr with those. For more custom filtering functionality, you need to go using a function dataSource where you can do anything you want using the filters provided as arguments for the data source function.

Anyways, in case you want still to access filter directly and for example provide a default filtering value, you need to set the value to be an array of objects, which have a path and filter property:

this.filter = [{path: 'user.name.first', filter: 'donna'}];

Here's an example: http://plnkr.co/edit/KIefwLNHeinkOgERWOvZ?p=preview

Sauli Tähkäpää
  • 2,034
  • 1
  • 10
  • 9
  • +1. But how do I implement the `dataSource` function you describe? [Here is my specific question to that effect](http://stackoverflow.com/q/40250746/1640892). – Let Me Tink About It Oct 25 '16 at 22:27