2009-06-04 10 views
18

मैं AJAX के माध्यम से डेटा लोड किए बिना जावास्क्रिप्ट का उपयोग करके तालिका को क्रमबद्ध कैसे बना सकता हूं? विशेष रूप से, मैं एक समाधान है कि मुझे देता है निम्नलिखित के लिए देख रहा हूँ:मैं AJAX के माध्यम से डेटा लोड किए बिना जावास्क्रिप्ट के साथ एक HTML तालिका क्रमबद्ध कैसे बना सकता हूं?

एक सादे पुराने HTML तालिका
  • बनाता कॉलम एक प्राकृतिक तुलना (
  • सर्वर साइड प्रौद्योगिकी के नास्तिक है का उपयोग कर sortable पर
    • वर्क्स जेएसपी, पीएचपी, आदि द्वारा टेबलों को प्रस्तुत किए जाने के बावजूद पोर्टेबल होना चाहिए)
    • अधिमानतः JQuery के विस्तार के रूप में कार्यान्वित किया गया है, जिसे मैं पहले से ही विशिष्ट प्रोजेक्ट में उपयोग कर रहा हूं, जिसे मैं तुरंत इसे लागू करना चाहता हूं। मैं वाईयूआई जैसे किसी अन्य जावास्क्रिप्ट ढांचे को शामिल करने के सुझावों के लिए खुला हूं, लेकिन इसे JQuery के साथ अच्छा खेलना होगा।

      • एक समाधान जो मुझे आवश्यकता है एक AJAX कॉल के माध्यम से डेटा को भरने के लिए:
      क्या मैं के लिए नहीं देख रहा हूँ

      । मैं इसे एक ऐसे प्रोजेक्ट में लागू करना चाहता हूं जिसमें खोज परिणामों जैसे चीजों के लिए कई सादे पुराने HTML टेबल हैं जिन्हें मैं किसी सर्वर-साइड कोड को फिर से लिखने के बिना त्वरित रूप से क्रमबद्ध करना चाहता हूं।

    • पेजिंग।
    • फ़िल्टरिंग।
    • मनमाना तुलना तर्क निर्दिष्ट करने की क्षमता।

    मैं उद्देश्य के लिए काम कर रहे विशिष्ट परियोजना के लिए हमारे तकनीकी ढेर को उद्देश्य से छोड़ रहा हूं, लेकिन अगर लोगों को लगता है कि यह बिल्कुल जरूरी है तो इसमें शामिल होगा। दोबारा, मैं ऐसे समाधानों में सबसे रूचि रखता हूं जिनमें सर्वर पर कुछ भी शामिल नहीं है। ऐसी सभी परियोजनाएं हैं जो सभी प्रकार की भाषाओं में लिखी गई हैं जो इस क्षेत्र में थोड़ा प्यार का उपयोग कर सकती हैं।

    स्टैक ओवरफ़्लो

    पर समान, मौजूदा सवालों के मुद्दे मैं कुछ चारों ओर poking, और निकटतम सवाल मैं मेरा करने के लिए मिल सकता है this one है किया है के बारे में। हालांकि, मेरी आवश्यकताएं थोड़ी अलग हैं, इसलिए मैंने एक नया प्रश्न पूछने का फैसला किया।

  • उत्तर

    20

    jquery प्लगइन tablesorter बहुत अच्छी तरह से काम करता है।

    +0

    यह जानने में रुचि रखते हैं कि यह क्यों कम किया गया था। –

    3

    sortable.js आज़माएं।

    +0

    सुंदर पुराना, लेकिन अनुकूलित करने और काम करने में बहुत आसान है। मीठे –

    +0

    @RedFilter मैं sortable.js का उपयोग कर रहा हूं लेकिन यह काम नहीं कर रहा है [यहां] (http://stackoverflow.com/questions/24386439/why-ajax-response-is-not-in-sortable-manner?noredirect = 1 # टिप्पणी 37718205_24386439) –

    1

    ऑर्बमन के उत्तर के साथ, आप wikibits.js पर देख सकते हैं, जो कि सॉर्टिंग कोड का मीडियाविकि का संस्करण है। इसे किसी भी AJAX या विशेष गोंद कोड की आवश्यकता नहीं है, क्रमबद्ध तालिकाओं को नामित करने के लिए बस एक साधारण वर्ग (क्रमबद्ध)।

    कोड को स्वतंत्र रूप से लाइसेंस प्राप्त है, और पूरे विकीमीडिया साइटों पर उत्पादन में उपयोग किया जाता है।

    संपादित करें: मीडियाविकि 86088 में शुरू होने वाले Tablesorter के एक संस्करण में स्विच (अप्रैल 2011)।

    4

    Tablesorter एक jQuery प्लगइन है जो sortable.js के समान काम करता है, एक सामान्य HTML तालिका को क्रमबद्ध में बदल देता है।

    +2

    आपको कुछ सेकंड से हराया: पी –

    +1

    आपको एंटनी ट्रुप अभिशाप! वर्तमान में –

    1

    मुझे वास्तव में tristen's tablesort पसंद है। यह निर्भरता मुक्त, हल्के वजन है और बहुत स्टाइल की आवश्यकता नहीं है/अपने स्टाइल के साथ गड़बड़ नहीं है!

    1

    1-डाउनलोड sorttable.js

    2-शामिल sorttable.js, इसलिए की तरह अपने पृष्ठ के शीर्ष में इसे करने के लिए एक लिंक डाल, द्वारा:

    3-मार्क अपनी मेज इसे "क्रमबद्ध" श्रेणी का एक वर्ग के रूप में:

    <table class="sortable"> 
    
    +0

    यहां स्थित है: http://www.kryogenix.org/code/browser/sorttable/ यदि आप उपयोग नहीं करना चाहते हैं, या jquery का उपयोग नहीं कर रहे हैं तो यह उपयोगी है। – pdwalker

    संबंधित मुद्दे

     संबंधित मुद्दे