Clearing Search terms from input field.

[byrnecore]

I love the search function. Easy to use an all. One feature request would be clickable clear of search terms to revert to the original view before search terms was used.

Something like this perhaps.

http://jsbin.com/ekaZUR/1/edit

Obviously not urgent, but a UX nice to have.

Keep up the great work. love it.

[JangoSteve]

I agree, this would be a good feature. I was thinking this could just be done with CSS and couldn't figure out why the demos didn't have the "x" icon. I learned that Bootstrap has removed the clear button to make styling look consistent in all browsers. So that explains that. It'd probably be a decent idea then to add a custom clear icon using CSS and JS in dynatable.

[JangoSteve]

I added this functionality, but I'm not positive I want to merge it in just yet.

The main thing that bothers me is how the size and position of the "x" clear icon is styled independently of the search input itself. It looks great on the docs page, but if someone has their search input styled such that its size differs significantly from 1em, the icon will likely be placed oddly.

For example, here's what it looks like ideally:

But, let's say my inputs have no padding and a small height, now it looks like this out of the box:

I don't want developers to have to adjust the styling of the clear-icon for their site right after installing it.

This could probably be solved by using JavaScript to set the size and position of the clear-icon, but that's going to negatively affect performance of dynatable's init, which I don't want either. I may have to sit on this until I or someone else can spend a bit more time on it.

[JangoSteve]

I just realized your jsbin might have the solution to the issues above. I'll have to look at it again.