여러 jquery 플러그인이 작동하지 않습니다

Question

tablesorter 및 chromatable을 추가하려고합니다. 크로마토 그래피 작업 만 가능합니다. chromtable을 제거하면 정렬 작업도 가능합니다. 두 가지 방법을 모두 사용할 수있는 방법이 있습니까?

<script type="text/javascript"> 
$(document).ready(function() { 

    $.tablesorter.addParser({ 
     id: 'fancyNumber', 
     is: function (s) { return false; }, 
     format: function (s) { if (s == '-') return '0'; else return  
    s.replace(/[\,\$]/g, ''); }, 
     type: 'numeric' 
    }); 

    $("#marginDiff").tablesorter({ 
     headers: { 
      1: { sorter: false }, 
      2: { sorter: false }, 
      5: { sorter: 'fancyNumber' }, 
      6: { sorter: 'fancyNumber' }, 
      7: { sorter: 'fancyNumber' }, 
      8: { sorter: 'fancyNumber'} 
     } 
    }); 
    $("#marginDiff").chromatable({ 
     width: "1500px", height: "900px", scrolling: "yes" 
    }); 
}); 
</script> 

Answer 1

Chiltonatable을 Tablesorter sortEnd 콜백에 바인딩하여 충돌을 피할 수 있습니까? 이걸 줘.

$(document).ready(function() { 

    $.tablesorter.addParser({ 
     id: 'fancyNumber', 
     is: function (s) { return false; }, 
     format: function (s) { if (s == '-') return '0'; else return  
    s.replace(/[\,\$]/g, ''); }, 
     type: 'numeric' 
    }); 

    $("#marginDiff").tablesorter({ 
     headers: { 
      1: { sorter: false }, 
      2: { sorter: false }, 
      5: { sorter: 'fancyNumber' }, 
      6: { sorter: 'fancyNumber' }, 
      7: { sorter: 'fancyNumber' }, 
      8: { sorter: 'fancyNumber'} 
     } 
    }); 

}); 

$("#marginDiff").bind("sortEnd",function() { 
    $(this).chromatable({ 
     width: "1500px", height: "900px", scrolling: "yes" 
    }); 
});