jQuery तालिका का उपयोग करना Angularjs

Question

के साथ सॉर्टर प्लगइन मैं कोणीय के साथ काम कर रहे JQuery टेबललेटर प्लगइन का उपयोग करने की कोशिश कर रहा हूं। वर्तमान में यदि आप टेबल परिवर्तन की पूरी चौड़ाई और संरचना को सॉर्ट करने के लिए किसी भी कॉलम पर क्लिक करते हैं और ng-repeat अभिव्यक्तियों के साथ एक नई पंक्ति बनाई जाती है।

$(document).ready(function() { 
    $("#check").tablesorter(); 
}); 

 

<table id="check" class="table table-bordered table-striped table-condensed table-hover tablesorter" cellspacing="1"> 
    <thead> 
     <tr>   
      <th class="header">Product Code#</th> 
      <th class="header">Item Description#</th> 
      <th class="header">Unit Cost#</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr ng:repeat="i in itemresponse" > 
      <td><a href="#/ItemSearch/{{i._ItemID}}" >{{i._ItemID}}</a></td> 
      <td>{{i.PrimaryInformation._ShortDescription}}</td> 
      <td>{{i.PrimaryInformation._UnitCost}}</td> 
     </tr> 
    </tbody> 
</table> 

Answer 1

आप गलत कर रहे हैं।

यदि आप AngularJS के साथ तालिका में पंक्तियों को क्रमबद्ध करना चाहते हैं, तो आपको orderBy फ़िल्टर का उपयोग करना चाहिए। एक और ढांचा शामिल करने की कोई जरूरत नहीं है। एक बार जब आप उस छलांग लगाएंगे, तो आप नमूने ऑनलाइन (या एसओ पर) का एक बड़ा हिस्सा पा सकते हैं। http://jsfiddle.net/uRPSL/1/

Answer 2

सौभाग्य से वहाँ एक कोणीय मॉड्यूल ng-table कहा जाता है:

उदाहरण के लिए इस बेला देखें।