Я ограничен использованием функциональности сортировщика таблиц из-за скрытых дочерних строк под родительскими строками и т. д. Поэтому я использую функциональность «мода сортировщика таблиц» http://www.pengoworks.com/workshop/jquery/tablesorter/tablesorter.htm
Когда я пытаюсь добавить dragtable.js и пытаюсь перетаскивать, правильно перестраивается только текущая страница. На других страницах смещается только заголовок, что приводит к несоответствию данных и заголовка. Есть ли обходной путь, чтобы иметь функции подкачки, перетаскивания и сортировки таблиц одновременно. Я просто хочу перетаскивать столбцы для всех страниц, включая отображаемую страницу.
<script type="text/javascript" src="jquery-1.2.3.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.tablesorter.mod.js"></script>
<script type="text/javascript" src="jquery.tablesorter.pager.js"></script>
<script type="text/javascript" src="jquery.tablesorter.collapsible.js"></script>
<script type="text/javascript" src="jquery.dataTables.js"></script>
<script type="text/javascript" src="ColReorder.js"></script>
<script type="text/javascript" src="dragtable.js"></script>
<script type="text/javascript">
$(document).ready(
function (){
$(".tablesorter")
/*
* td.collapsible = collapse to the first table row and show +/-
* td.collapsible_alt = anchor to order number
*/
.collapsible("td.collapsible", {
collapse: true
})
.tablesorter({
// set default sort column
sortList: [[4,0]],
// don't sort by first column
headers: {0: {sorter: false}}
// set the widgets being used - zebra stripping
, widgets: ['zebra']
, onRenderHeader: function (){
this.wrapInner("<span></span>");
}
, debug: false
})
.tablesorterPager({container: $("#pager"), positionFixed: false})
;
// Expand/Collapse all
$('a#ShowButton').click(function(){
var linkLabel = this.innerHTML;
switch(linkLabel)
{
case "Show History":
$("td.collapsible a").removeClass("expanded").click();
this.innerHTML= "Hide History"
break;
case "Hide History":
$("td.collapsible a").addClass("expanded").click();
this.innerHTML= "Show History"
break;
}
return false;
});
var oTable = $('#example').dataTable( {
"sDom": 'Rlfrtip'
} );
}
);
</script>