diff --git a/docs/example-widget-filter-any-match.html b/docs/example-widget-filter-any-match.html index de3be495..e3421f55 100644 --- a/docs/example-widget-filter-any-match.html +++ b/docs/example-widget-filter-any-match.html @@ -32,6 +32,7 @@ filter_external : '.search', // include column filters filter_columnFilters: true, + filter_placeholder: { search : 'Search...' }, filter_saveFilters : true, filter_reset: '.reset' } diff --git a/docs/example-widget-filter-formatter-1.html b/docs/example-widget-filter-formatter-1.html index 51eac65f..627f80c5 100644 --- a/docs/example-widget-filter-formatter-1.html +++ b/docs/example-widget-filter-formatter-1.html @@ -155,6 +155,12 @@ changeYear : true }); } + }, + + // added v2.16 + filter_placeholder : { + from : 'From...', + to : 'To...' } } }); @@ -178,7 +184,8 @@
filter_placeholder
option was added. See the jQuery UI Datepicker Range Selector section for more details.compare
& selected
options:
@@ -450,6 +457,19 @@
filter_placeholder
option was added:
+ filter_placeholder : { + search : '', // any default search inputs including the datepicker comparison + from : 'Date from...', // datepicker range "from" placeholder + to : 'Date to...' // datepicker range "to" placeholder +} +
endOfDay
option was added, which when true
and searching within one day, all times within that selected day will be included - try searching for to note that the day include various times.filter_formatter
function provided in the extra "jquery.tablesorter.widgets-filter-formatter.js" file is used to add this custom control within the filter row.table.config.$headers.eq(0).data('placeholder', 'search for...');
<th data-placeholder="Find Rank...">Rank</th>
)filter_placeholder.search
setting.filter_placeholder.select
setting adds the text to the first select option (default option to show all rows).jquery.tablesorter.widgets-filter-formatter.js
jQuery UI Datepicker Range Selector creates two inputs, so this option then includes two additional settings:filter_placeholder : { + search : '', + select : '', + from : '', // datepicker range "from" placeholder + to : '' // datepicker range "to" placeholder +} +Note: The browser must support the placeholder attribute before it will be visible. +