1
동적으로 테이블을 사용하고 테이블 정렬기 호출기가 잘 작동하지만 일부 열을 필터링하려고하면 페이지 0으로 돌아가고 아무 일도 일어나지 않습니다. 어딘가에 내가 th와 다른 이상한 것을 클릭하여 정렬하려고하면 입력란에 디버거 모드를 입력하면 테이블 정렬 기능이 정상이라고합니다.표 정렬기 정렬 및 필터링이 작동하지 않았다
var $table = $(".track-grid table.tablesorter");
var pagesize = $('.pagesize').val();
$table.tablesorter({
widthFixed: true,
cssChildRow: 'infoRow',
widgets: ['filter'],
debug: true,
widgetOptions: {
filter_hideFilters: true,
// filter_anyMatch replaced! Instead use the filter_external option
// Set to use a jQuery selector (or jQuery object) pointing to the
// external filter (column specific or any match)
filter_external: '.search',
// add a default type search to the first name column
//filter_defaultFilter: { 1: '~{query}' },
// include column filters
filter_ignoreCase:false
}
});
$table.on('filterInit', function() {
$table.tablesorterPager({
container: $(".pager"),
ajaxUrl: `track/getEvents?page={page}&size={size}&totalCount=` + totalCount,
customAjaxUrl: function (table, url) {
return url;
},
ajaxProcessing: function (data) {
$('.tablesorter tbody').html(data.result.eventsHtml);
$('#trackOverlay').hide();
return [parseInt(data.result.totalEventsCount)];
},
page: 0,
processAjaxOnInit: true,
output: '{startRow} - {endRow}/{filteredRows} ({totalRows})',
updateArrows: true,
fixedHeight: false,
removeRows: false,
savePages: false,
cssNext: '.next', // next page arrow
cssPrev: '.prev', // previous page arrow
cssFirst: '.first', // go to first page arrow
cssLast: '.last', // go to last page arrow
cssGoto: '.gotoPage', // page select dropdown - select dropdown that set the "page" option
cssPageDisplay: '.pagedisplay', // location of where the "output" is displayed
cssPageSize: '.pagesize', // page size selector - select dropdown that sets the "size" option
cssDisabled: 'disabled', // Note there is no period "." in front of this class name
cssErrorRow: 'tablesorter-errorRow' // error information row
});
});
감사합니다. 나는 어제 그것을 발견하고 잘 작동하지만 지금은 정렬하는 방법에 문제가 있습니다. 정렬하는 방법을 알고 있지만 열이 클릭된다는 것을 모릅니다. 내가 내 테이블에있는 모든 열을 클릭했을 때 같은 반응을 보였습니다
'ajaxUrl' 안에는 열리스트와 정렬 방향을 서버에 전달하는'{sortList : col} '도있다. – Mottie
관련 문제