डेटाटेबल्स एसडीओएम चुनौती तालिका के निचले बाएं हिस्से में नया तत्व जोड़ें

Question

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

"sDom": '<"top"i>rt<"bottom"flp><"clear">' 

datatables.net उदाहरण है, लेकिन मैं कैसे सिर या कि की पूंछ बनाने के लिए पता नहीं है और सभी मैं करना चाहता हूँ एक साधारण बात है।

या क्या "sDom" का बाहर है जो मैं करना चाहता हूं उसके लिए बेहतर होगा?

Answer 1

यहां एक संशोधित sDom का एक लाइव उदाहरण है।

http://live.datatables.net/onaqul/edit#javascript,html,live

यहाँ हम एक div बुलाया <div id="refresh"></div> structrue <"#refresh"> साथ इंजेक्शन लगाने रहे हैं।

$('#example').dataTable({ 
     "sDom": '<"top"i>rt<"bottom"<"#refresh">flp><"clear">' 
     }); 

आप उदाहरण में उत्पन्न डोम का निरीक्षण किया, तो आप देख सकते हैं <div id="refresh"></div><div class="bottom"></div> के अंदर डाला गया।

मैं बहुत पर निर्भर करता है लगता है (1) कैसे अपने विशिष्ट तालिका अपने पाद लेख तत्व बाहर रखी है, (2) जहाँ आप अपने विशिष्ट तत्व sDom का उपयोग कर सुई, और (3) कैसे आप तत्व (रों) शैली तय साथ आपका CSS।

वैकल्पिक रूप से, आपके पास डेटाटेबल्स पर्यावरण के बाहर एक बटन बनाया जा सकता है, लेकिन अपने बटन को जोड़ने या प्रीपेड करने के लिए jquery का उपयोग करें जो डोमटेबल्स बनाता है।

आशा है कि यह एक उपयोगी प्रारंभिक बिंदु है।

Answer 2

मैं आपसे सहमत हूं कि डेटाटेबल्स 'sDom' संपत्ति भ्रमित है। व्यक्तिगत रूप से मैंने बस sDom't' के बराबर सेट किया है, जो केवल तालिका बनाता है, और मैं jQuery या किसी अन्य विधि का उपयोग कर डेटाटेबल्स कोड के बाहर कोई बटन जोड़ता हूं या क्या करता हूं। बहुत अधिक जवाब नहीं है, लेकिन अगर मैं आपकी स्थिति में था तो मैं ऐसा करूंगा और बटन जोड़ने जैसे कुछ आसान करना चाहता था।