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

Scroller & columnSelector: integrate widgets. Fixes #905

Browse Source
This commit is contained in:
Mottie 2015-05-28 11:34:28 -05:00
parent 7c46c9e02e
commit bbe5d53e14
3 changed files with 26 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
docs/example-widget-scroller.html
View File

@ -239,7 +239,12 @@ $(function() {
</li>
<li>Fixed slow mousewheel scrolling when a fixed column is active in Firefox &amp; older versions of Internet Explorer.</li>
<li>Fixed filtering of table content causing the fixed column to misalign; especially when few to no results are found.</li>
<li>The scroller now integrates smoothly with the pager widget.</li>
<li>Added compatibility to the following widgets:
<ul>
<li>pager</li>
<li>columnSelector</li>
</ul>
</li>
<li>Thanks to <a href="https://github.com/TheSin-">TheSin-</a> for all the work he put into updating this widget... he really didn't like that scrollbar under the fixed column LOL.</li>
</ul>
</li>

29
js/widgets/widget-columnSelector.js
View File

@ -27,8 +27,7 @@ tsColSel = ts.columnSelector = {
}
// unique table class name
c.tableId = 'tablesorter' + new Date().getTime();
c.$table.addClass( c.tableId );
c.$table.addClass( c.namespace.slice(1) + 'columnselector' );
// build column selector/state array
colSel = c.selector = { $container : $(wo.columnSelector_container || '<div>') };
@ -205,9 +204,9 @@ tsColSel = ts.columnSelector = {
},
updateBreakpoints: function(c, wo) {
var priority, column, breaks,
var priority, column, breaks, temp,
colSel = c.selector,
prefix = '.' + c.tableId,
prefix = c.namespace + 'columnselector',
mediaAll = [],
breakpts = '';
if (wo.columnSelector_mediaquery && !colSel.auto) {
@ -222,9 +221,12 @@ tsColSel = ts.columnSelector = {
breaks = [];
c.$headers.filter('[' + wo.columnSelector_priority + '=' + (priority + 1) + ']').each(function(){
column = parseInt($(this).attr('data-column'), 10) + 1;
breaks.push(prefix + ' col:nth-child(' + column + ')');
breaks.push(prefix + ' tr th:nth-child(' + column + ')');
breaks.push(prefix + ' tr td:nth-child(' + column + ')');
temp = ' col:nth-child(' + column + ')';
breaks.push(prefix + temp + ',' + prefix + '_extra_table' + temp);
temp = ' tr th:nth-child(' + column + ')';
breaks.push(prefix + temp + ',' + prefix + '_extra_table' + temp);
temp = ' tr td:nth-child(' + column + ')';
breaks.push(prefix + temp + ',' + prefix + '_extra_table' + temp);
});
if (breaks.length) {
mediaAll = mediaAll.concat( breaks );
@ -247,16 +249,19 @@ tsColSel = ts.columnSelector = {
if (wo.columnSelector_mediaquery && c.selector.auto || c.selector.isInitializing) {
return;
}
var column,
var column, temp,
colSel = c.selector,
styles = [],
prefix = '.' + c.tableId;
prefix = c.namespace + 'columnselector';
colSel.$container.find('input[data-column]').filter('[data-column!="auto"]').each(function(){
if (!this.checked) {
column = parseInt( $(this).attr('data-column'), 10 ) + 1;
styles.push(prefix + ' col:nth-child(' + column + ')');
styles.push(prefix + ' tr th:nth-child(' + column + ')');
styles.push(prefix + ' tr td:nth-child(' + column + ')');
temp = ' col:nth-child(' + column + ')';
styles.push(prefix + temp + ',' + prefix + '_extra_table' + temp);
temp = ' tr th:nth-child(' + column + ')';
styles.push(prefix + temp + ',' + prefix + '_extra_table' + temp);
temp = ' tr td:nth-child(' + column + ')';
styles.push(prefix + temp + ',' + prefix + '_extra_table' + temp);
}
$(this).toggleClass( wo.columnSelector_cssChecked, this.checked );
});

5
js/widgets/widget-scroller.js
View File

@ -277,7 +277,7 @@ ts.scroller = {
});
// Sorting, so scroll to top
tmp = 'sortEnd setFixedColumnSize updateComplete pagerComplete pagerInitialized '
tmp = 'sortEnd setFixedColumnSize updateComplete pagerComplete pagerInitialized columnUpdate '
.split( ' ' )
.join( namespace + ' ' );
$table
@ -305,7 +305,8 @@ ts.scroller = {
ts.scroller.resize( c, wo );
}
})
.on( 'updateComplete pagerComplete pagerInitialized '.split( ' ' ).join( namespace + ' ' ), function() {
.on( 'updateComplete pagerComplete pagerInitialized columnUpdate '
.split( ' ' ).join( namespace + ' ' ), function() {
// adjust column sizes after an update
ts.scroller.resize( c, wo );
});