Title: Reset/Clear Search Button Last modified: August 22, 2016 --- # Reset/Clear Search Button * Resolved [dmurphyca](https://wordpress.org/support/users/dmurphyca/) * (@dmurphyca) * [11 years, 10 months ago](https://wordpress.org/support/topic/resetclear-search-button/) * Hi Tobias, * First, big thanks for making this plugin. * Second, I’m trying to come up with a solution for implementing a Reset/Clear button for the search bar. I know you’ve addressed this issue in the past in this [thread](http://wordpress.org/support/topic/add-a-clear-and-a-reset-buttons-around-a-search-form?replies=4) and did not know of a clear solution. * I’ve found a couple of posts on the datatables.net forum discussing this: 1. [Search input field – reset button](https://datatables.net/forums/discussion/480/search-input-field-reset-button) 2. [clear search button](https://datatables.net/forums/discussion/15399/clear-search-button) * Is it possible to implement one of these solutions into the TablePress plugin too? And if so, do you know where to get started. I’m kind of at a loss for where to insert some of the suggested code. * If these solutions are not possible though, my backup plan is to create a hyperlink button that just reloads the page. However, I’d like the hyperlinked text “Reset” to be in close proximity to the Search bar. * I used some CSS you provided in another [thread](http://wordpress.org/support/topic/move-search-box-location?replies=12) to move the Search bar over the the left side of the page, but since I’m also using the Drop Down menus from the ColumnFilters widget I don’t know how to get the Search bar above the Drop Down menus. If I was able to do that I could get a hyperlink right above the Search bar, although it would be best to have it to the right of the Search bar, but I’m not sure how to do that either. * Sorry to pose so many questions but wanted to pick your brain in case you knew any workarounds. Any help would be greatly appreciated. And thank you again for all the work on this plugin. * FYI: Here is a link to the test page I’m working on for this: [Active Searches](http://www.commonagenda.co/2014/?page_id=867) * Best regards, * Daniel Murphy * [https://wordpress.org/plugins/tablepress/](https://wordpress.org/plugins/tablepress/) Viewing 7 replies - 1 through 7 (of 7 total) * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [11 years, 10 months ago](https://wordpress.org/support/topic/resetclear-search-button/#post-5195657) * Hi, * thanks for your post, and sorry for the trouble. * A quick solution might be this: Please try adding this code to the “Custom Commands” textfield on the “Edit” screen of the table: * ``` "fnInitComplete": function(oSettings, json) { $( '.dataTables_filter input' ).attr( 'type', 'search' ); } ``` * That will turn the search field into an actual “Search” field, which will have a small “x” button inside it, once a user has typed something in, and clicking that will reset the field. We will see this more and more in the future, as that’s part of the HTML5 standard. * Regards, Tobias * Thread Starter [dmurphyca](https://wordpress.org/support/users/dmurphyca/) * (@dmurphyca) * [11 years, 10 months ago](https://wordpress.org/support/topic/resetclear-search-button/#post-5195658) * Hi Tobias, * Thank you for getting back to me. I added the Custom Command and the x button appears in HTML5 supported browsers. However, my goal is to reset the table so that after a search is cleared the table reverts to the regular data cells. Right now if you use the search and clear it, then the table keeps whatever came up from the search. Do you know if it’s possible to have this x button reset the table data too? * Also, is there a way to move the Drop Down menu from the Column Filter Widget plugins to the same line as the Search and Entries bars? Ideally I’d like to have the Drop Down menu for “Location” after the Search bar. * Thank you again for helping me so far, much appreciated. Let me know if you can think of any workarounds for these issues. * Best, * Daniel * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [11 years, 10 months ago](https://wordpress.org/support/topic/resetclear-search-button/#post-5195659) * Hi Daniel, * ah, bummer. You are right, this does only empty the search field, but it does not reset the filtering… * You might then have to use some custom JavaScript (similar to some of what is those links that you posted) on the page directly, i.e. in `