कई बार आप किसी कॉलम को वास्तव में DOM से हटाए बिना उसे दृश्य से छिपाना चाह सकते हैं। यह उपयोगी हो सकता है यदि आप डेटा को अन्य परिचालनों के लिए सुलभ रखना चाहते हैं लेकिन इसे फ्रंट एंड पर दिखाई नहीं देना चाहते हैं।
त्वरित समाधान: सीएसएस का प्रयोग करें#
इसे प्राप्त करने का एक सीधा तरीका सीएसएस का उपयोग करना है। यह आपको कॉलम डेटा को DOM में रखने की अनुमति देता है, लेकिन इसे तालिका में प्रदर्शित नहीं करता है।
चरण 1: कॉलम में एक कक्षा जोड़ें#
आप डेटाटेबल्स में sClass विशेषता का उपयोग करके उस कॉलम में एक क्लास जोड़ सकते हैं जिसे आप छिपाना चाहते हैं।
CODE_ब्लॉक_1
चरण 2: सीएसएस में क्लास को परिभाषित करें#
क्लास असाइन करने के बाद, आपको इसे अपनी स्टाइलशीट में परिभाषित करना होगा। कॉलम को छिपाने के लिए आप display प्रॉपर्टी को none पर सेट कर सकते हैं।
CODE_ब्लॉक_4
और बस इतना ही! इस तरह, कॉलम DOM में रहेगा, लेकिन यह डेटाटेबल में दृश्य से छिपा रहेगा।
तुमने ऐसा क्यों करना चाहोगे?#
आप सोच रहे होंगे कि आप किसी कॉलम को छिपाना क्यों चाहते हैं लेकिन उसे DOM से हटाना नहीं चाहते। यहां कुछ परिदृश्य दिए गए हैं जहां यह उपयोगी हो सकता है:
डेटा प्रोसेसिंग: आप कॉलम को उपयोगकर्ताओं को दिखाए बिना डेटा प्रोसेसिंग कार्यों के लिए सुलभ रखना चाह सकते हैं।
सशर्त प्रदर्शन: कभी-कभी आप कुछ शर्तों के आधार पर कॉलम प्रदर्शित करना चाह सकते हैं। चूँकि कॉलम अभी भी DOM में है, इसे जावास्क्रिप्ट के माध्यम से आसानी से दिखाया या छिपाया जा सकता है।
संगति: कॉलम को DOM में रखने से यह सुनिश्चित होता है कि तालिका संरचना सुसंगत बनी रहती है, तब भी जब कॉलम चालू या बंद होते हैं।
उपयोगकर्ता प्राथमिकताएँ: आप डेटा अखंडता या तालिका संरचना को प्रभावित किए बिना, उपयोगकर्ताओं को यह अनुकूलित करने की अनुमति देना चाह सकते हैं कि वे कौन से कॉलम देख सकते हैं।