library-mirrors/tablesorter
1
0
Fork 0
mirror of https://github.com/Mottie/tablesorter.git synced 2024-10-08 13:44:18 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Filter widget: filter_cssFilter can now contain an array of class names to apply

Browse Source
This commit is contained in:
Mottie 2013-12-20 00:36:44 -06:00
parent 58528d3d79
commit 6d379a78b4
2 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
docs/index.html
View File

@ -1850,10 +1850,12 @@ $(function(){
<tr id="widget-filter-cssfilter">
<td><a href="#" class="permalink">filter_cssFilter</a></td>
<td>String</td>
<td>String or Array</td>
<td>&quot;&quot;</td>
<td>Additional CSS class applied to each filter - <span class="version updated">v2.11</span>
<td>Additional CSS class applied to each filter - <span class="version updated">v2.14.6</span>
<div class="collapsible"><br>
As of v2.14.6, this option can also contain an array of class names that are to be applied to input filters.<br>
<br>
Changed to empty string in v2.11, as the <code>&quot;tablesorter-filter&quot;</code> class will always be added to the filter; this option now contains any additional class names to add.
<p>Use the <a href="#widget-filter-cssfilter"><code>&quot;tablesorter-filter&quot;</code></a> option to add an extra css class name as follows:</p>
<pre class="prettyprint lang-javascript">$(function(){
@ -1861,6 +1863,7 @@ $(function(){
widgets: ["filter"],
widgetOptions : {
// css class applied to the table row containing the filters & the inputs within that row
// or [ "filter1", "filter2", "filter3", etc... ]
filter_cssFilter : "tablesorter-filter"
}
});

8
js/jquery.tablesorter.widgets.js
View File

@ -653,7 +653,7 @@ ts.filter = {
return filters;
},
buildRow: function(table, c, wo) {
var column, $header, buildSelect, disabled,
var column, $header, buildSelect, disabled, name,
// c.columns defined in computeThIndexes()
columns = c.columns,
buildFilter = '<tr class="tablesorter-filter-row">';
@ -699,7 +699,11 @@ ts.filter = {
}
}
if (buildFilter) {
buildFilter.addClass('tablesorter-filter ' + wo.filter_cssFilter).attr('data-column', column);
// add filter class name
name = ( $.isArray(wo.filter_cssFilter) ?
(typeof wo.filter_cssFilter[column] !== 'undefined' ? wo.filter_cssFilter[column] || '' : '') :
wo.filter_cssFilter ) || '';
buildFilter.addClass('tablesorter-filter ' + name).attr('data-column', column);
if (disabled) {
buildFilter.addClass('disabled')[0].disabled = true; // disabled!
}