search

erfangc / ReactTable

HTML Table with Group By functionality Implemented using Facebook react.js
10 stars 12 forks source link

Multi-Column Filter #22

Open smit27589 opened 9 years ago

smit27589 commented 9 years ago

Need an Input box on each column(on a right click or any other operation) which will have the dropdown list of all the distinct values for that column.When a user selects a particular value, then the table should only show rows havingthe column value equivalent to the filter.

erfangc commented 9 years ago

We should consider the following:

Having inequalities and maybe the BETWEEN operator

Autocomplete for categorical fields

erfangc commented 9 years ago

As a first step, I tried adding a into the headers

103: buildHeaders() in DOMBuilder.js

the input insists on being its default size of 164px (or so ..) which is > than the surrounding header container ... and attempts to give it style via class appear to not work (the input element does not appear to even have the class attribute)

if you guys have time, please feel free to play around.

caguthrie commented 9 years ago

Input box is now in the headers but not exposed. Next stop will be simple string searching columns, then searching respecting column type (numeric/text)

caguthrie commented 9 years ago

Early text filters and double clicking boxes to filter text is now on master but not on a tag

erfangc commented 9 years ago

master version defaults to engaging the filter when a column header is clicked. you cannot remove this until you hover the header again to bring up the context menu.

maybe we should not make that the default behavior ... should we just follow the conventions laid out by Excel?