2013-01-04 15 views
5

मैं डेटाटेबल्स तालिका के शीर्षलेख में एक चेकबॉक्स या अवधि जोड़ना चाहता हूं। मैं इसे एचटीएमएल में नहीं जोड़ना चाहता, मैं चाहता हूं कि शुरुआत में जावास्क्रिप्ट से ऐसा करें। कृपया मुझे सुझाव दें।jquery डेटाटेबल्स हेडर में चेकबॉक्स कैसे जोड़ें?

+0

आपने जो भी प्रयास किया। अपना कोड दिखाएं –

उत्तर

6

वैसे मैं एचटीएमएल को नहीं बदलना चाहता था, ऐसा नहीं है कि मुझे एक बड़ा बदलाव करना पड़ा, बस शुरुआत में कुछ एचटीएमएल जोड़ना पड़ा।

nTable = $('#tblExample').dataTable({ 
     "bJqueryUI": true, 
     "bDestroy":true, 
     "bPaginate": false, 
     "bSortable": false, 
     "aaData":testData, 
     "aoColumns": [ 

        { "sTitle": "<input type='checkbox'></input>","mDataProp": null, "sWidth": "20px", "sDefaultContent": "<input type='checkbox' ></input>", "bSortable": false}, 
        { "mDataProp": "Year"}, 
        { "mDataProp": "Month"}, 
        { "mDataProp": "Savings"} 

     ] 
    }); 
0

इस प्रयास करें:

<table id="myTable"> 
<thead> 
    <tr> 
    <th> 
     <div> 
     <input id="checkbox1" type="checkbox"/> 
     </div> 
    </th> 
    </tr> 
</thead> 
</table> 

मैं बस अब यह आपकी समस्या का मिला है। मुझे लगता है कि यह post इसे हल करता है।

+0

मैं इस प्रश्न में उल्लिखित एचटीएमएल को नहीं बदलना चाहता हूं। – hanskishore

0

यह पुरानी है, लेकिन मैं यहाँ भविष्य में उन लोगों के लिए इस बयान को जोड़ने के लिए जा रहा हूँ। {"mData": "LineItem_nbr",
"mRender": फ़ंक्शन (डेटा, प्रकार, पूर्ण) {डेटा में एमडीएटी वापसी 'के लिए मान शामिल है; }, }

ऑटोआईडी में LineItem_nbr बदलें या रिकॉर्ड की पहचान करने के लिए आप जो भी उपयोग कर रहे हैं।

यह पंक्ति में एक चेकबॉक्स रखेगा जो आप इस पंक्ति को जोड़ते हैं, और यह आईडी द्वारा देखे जाने योग्य है, या आप कई वस्तुओं पर एक jQuery पकड़ने के लिए कक्षा का उपयोग कर सकते हैं।