Ngx-datatable: Filter column as subheader

[TeodorKolev]

[ ] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[x] support request => Please do not submit support request here, post on Stackoverflow or Gitter

Current behavior
Filter in demo is outside of table.

Expected behavior
Can filter column be added as sub header? Is that possible?

• Angular version: 2.0.x
  4.0.3

[amcdnl]

You can use a column header template to accomplish this - https://github.com/swimlane/ngx-datatable/blob/master/demo/templates/template-dom.component.ts#L23-L25

[johnny-the-coder]

I think such an example in demo would be very helpful.
So it would like similar as in this table component:
https://valor-software.com/ng2-table/

[francisminu]

Please find a working plunker here:
https://plnkr.co/edit/2F1Jol1i9BsYYWNat42V

[johnny-the-coder]

Ok, thanks.
Could you add it to official demo page: http://swimlane.github.io/ngx-datatable/
I think it would be good to add new section 'Filtering' and place it there.

[yiquanchaoren]

Please find a working plunker here:
https://plnkr.co/edit/2F1Jol1i9BsYYWNat42V

Hi everyone,
I am programing this problem, can we fix it by using directive method ?
Wating for your plnkr, thanks.

[sagar-sk15]

@francisminu Example not working

[francisminu]

@sagar-sk15 somebody modified the plunker and I dont see any of my code there :( Will try to create a new one.

[vundyalaavinash]

the plnkr is still not working

[sr9yar]

Maybe my example will help someone https://stackoverflow.com/a/54429466/3298637

[jonclawson]

https://codesandbox.io/s/swimlane-filter-table-lldho