2011-07-18 9 views
15

मैं वेब पेज पर टेबल प्रदर्शित करने के लिए jQuery के लिए डेटाटेबल प्लगइन (www.datatables.net) का उपयोग कर रहा हूं।jQuery डेटाटेबल्स में टेबल हेडर को पूरी तरह से दबाने के लिए कैसे करें?

प्रलेखन के माध्यम से पढ़ रहे हैं और कुछ खोज करने के बाद, मैं पता लगाने के लिए पूरी तरह से दबाने या तालिका हेडर छुपाने के लिए, DataTables विकल्प या एपीआई का उपयोग करने में असमर्थ हूँ।

उत्तर

29

आप उन्हें सीएसएस के माध्यम से क्यों नहीं छिपाते हैं (मुझे लगता है कि डेटाटेबल्स को काम करने के लिए एक थैड सेक्शन की आवश्यकता होती है)?

.dataTables_wrapper table thead{ 
    display:none; 
} 

यहाँ बेला: http://jsfiddle.net/LhZF3/

+0

धन्यवाद। डीओएम/सीएसएस के साथ मेसिंग सबसे सुरुचिपूर्ण समाधान नहीं है, लेकिन कम से कम यह काम करता है :-) – mydoghasworms

+0

बहुत अच्छा काम करता है, लेकिन फिर भी यह बहुत अजीब है कि एपीआई स्वयं ऐसी कार्यक्षमता का पर्दाफाश नहीं करेगी। इस –

10

मैं जानता हूँ कि सवाल बहुत पुराना है, लेकिन मैं आज इसके लिए खोज की है और एक और समाधान मिला ...

अपने js में/कॉफी फ़ाइल:

$("#selector").dataTable({ 
    ... your other options ... 

    fnDrawCallback: -> $("#selector thead").remove() 
}) 

शुद्ध जे एस संस्करण:

$("#selector").dataTable({ 
    ... your other options ... 

    fnDrawCallback: function() { 
    $("#selector thead").remove(); 
    } 
}); 
+0

मेरे लिए काम किया - प्रदर्शन के साथ: कोई नहीं तालिका शीर्ष लेख अभी भी शरीर प्रतिपादन प्रभावित करती है .. – Benjamin

+0

भी यहाँ देखें: http://stackoverflow.com/questions/16802753/jquery-datatables-hide-thead –

1

बस अपने सीएसएस से जोड़ें:

thead { 
    display:none; 
} 
+1

सावधान। डेटाटाबल्स के बावजूद यह सभी शीर्षकों से सभी शीर्षकों को दबाने देगा या नहीं। –

2

सरल अपने thead टैग करने के लिए शैली display:none इनलाइन शैली जोड़ें।

<thead style="display:none;"> 
    </thead> 
संबंधित मुद्दे