Currently, I am working on constructing a table using user-defined column definitions. You can see an example of what I mean in this code snippet:
http://jsfiddle.net/waylon999/2RvmW/1/
One issue I am facing is trying to implement a filter field in columns without success. I have attempted the following code:
{{ getItem(data, col.keyword) | col.filter }}
However, when running this code in Chrome, I encounter the error message: "Unknown provider: col.filterFilterProvider <- col.filterFilter"
Another approach I tried was modifying the getItem method to construct the filter string, but it only results in rendering the text as part of the output. For instance, I end up with output like:
Foo | uppercase
Is there a solution that would allow me to successfully apply this filter given how I am structuring the tables?