जावास्क्रिप्ट का उपयोग करके स्क्रॉलिंग टेबल की पहली पंक्ति और पहले कॉलम को कैसे लॉक करें

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

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

fxdHdrCol का उपयोग करने के लिए, बस प्लगइन में निम्नलिखित पैरामीटर पास करें:

$('#myTable').fxdHdrCol({
    fixedCols    : 3,       /* 3 fixed columns */
    width        : "100%",  /* set the width of the container (fixed or percentage)*/
    height       : 500      /* set the height of the container */
});

fixedCols पैरामीटर निर्दिष्ट करके, आप तालिका में निश्चित कॉलम की संख्या परिभाषित कर सकते हैं। आप तालिका में फिट होने के लिए कंटेनर की चौड़ाई और ऊंचाई भी निर्धारित कर सकते हैं।

संपूर्ण प्रदर्शन और दस्तावेज़ीकरण के लिए, मूल प्रतिक्रिया में दिए गए लिंक को देखें। यह समाधान तालिका की पहली पंक्ति और पहले कॉलम को प्रभावी ढंग से लॉक कर देता है, जिससे अधिक उपयोगकर्ता-अनुकूल स्क्रॉलिंग अनुभव मिलता है।