in our business application we heavily rely on editing data in tables. To filter results, we have a "filter-field" on top of every column. Whenever you type something in there, the result gets automatically filtered. This can look something like this
Now, we were thinking about including this token-style to our filters, meaning that one can quickly select any of the given values either by typing and/or selecting with the mouse (as seen on Chosen by HarvestHQ for example):
The thing is: some of our columns are really really small (thin). Like the column "Country" where we only display the 2-digit ISO-codes (AT for Austria, ES for Spain, CH for Switzerland and so on...). The column itself is barely wider than those 2 digits.
How could one now incorporate such a token-style to the filter field where an actual token would need more space than the column is wide? And even worse: we have the possibility to search for several countries at once, so when even ONE token is too large, how could we display several tokens in this small field altogether?
Unfortunately it is not an option of changing the column width. Yet there must be some good approach in order to allow users to add/edit tokens of this field intuitively.
Thanks a lot for your insights on this.