मैं एक निश्चित शीर्षक, सॉर्टिंग और अन्य शांत सुविधाओं के साथ एक स्नैज़ी टेबल बनाने के लिए यहां http://www.tablefixedheader.com/ से एक jQuery प्लगइन का उपयोग कर रहा हूं। अब, मैंने jqGrid को भी देखा है, जो हास्यास्पद रूप से शानदार दिखता है, लेकिन हम अपने डेटा स्रोत के साथ कुछ मजेदार चीजें कर रहे हैं और मुझे नहीं लगता कि यह jqGrid के साथ अच्छी तरह से खेलने के लिए तैयार है।मैं फिक्स्डटेबल हैडर jQuery प्लगइन को एक निश्चित पहले कॉलम के साथ कैसे बदल सकता हूं?
वैसे भी, मेरे मालिक तालिका के पहले कॉलम को तय करने के लिए चाहते हैं, इसलिए वे एक्स-अक्ष पर स्क्रॉल कर सकते हैं, लेकिन फिर भी पहले कॉलम को देख सकते हैं। इस कार्यक्षमता को प्रदान करने के लिए मैं इस प्लगइन को कैसे संशोधित कर सकता हूं?
किसी भी मदद की बहुत सराहना कर रहा है
धन्यवाद
संपादित करें:
मैं जोड़ने की कोशिश की:
th:first-child
{
position : relative;
}
td:first-child
{
position : relative;
}
साथ ही "निर्धारित" है, लेकिन यह अधिक से अधिक जटिल लगती है यह सरल समाधान ...
ऐसा करने से इसका असर पड़ता है , यह सिर्फ खुश नहीं है। इस बदलाव को बाएं तरफ स्थिर रहने का कारण बनता है, लेकिन मैं वास्तव में नीचे स्क्रॉल नहीं कर सकता, और वें वास्तव में काम नहीं कर रहा है।
संपादित करें 2:
मैं समाधान नीचे दिए गए लागू करने शुरू कर दिया है, हालांकि मैं इस प्लगइन के साथ टिंकर करने की अपनी क्षमताओं में पूरी तरह से आश्वस्त नहीं हूं। वैसे भी, यहाँ फेरबदल की वर्तमान स्थिति है:
मैं अद्यतन करने जारी रखेंगे के रूप में मैं जाना ...
मैं एक त्रुटि है कि कहते हैं this.offset.top अशक्त या नहीं एक वस्तु ... blah है मिलता है,
var currentTop = 0;
var currentLeft = 0;
var currentWidth = 0;
var currentHeight = 0;
var currentContent = "";
var currentDiv = "";
var currentID = "";
$('td:first-child').each(function (index) {
currentTop = $(this).offset.top;
currentLeft = $(this).offset.left;
currentWidth = $(this).width;
currentHeight = $(this).height;
currentContent = $(this).html();
currentID = "fixed_column_cell" + index;
currentDiv = "<div class=\"fixed_column_cells\" id=\"" + currentID + "\">" + currentContent + "</div>";
$('body').append(currentDiv);
$('#' + currentID).offset({ top: currentTop, left: currentLeft });
$('#' + currentID).width(currentWidth);
$('#' + currentID).width(currentHeight);
});
$('fixed_column_cells').css('position', 'fixed');
वर्तमान में
प्लगइन को संशोधित करना बहुत मुश्किल होगा जो आप चाहते हैं। –
जब आप बहुत मुश्किल कहते हैं, तो आपको लगता है कि यह कितना समय लगता है कि यह एक अनुभवी डेवलपर लेगा? –
मुझे इस सुविधा को लागू करने के लिए प्लगइन क्या कर रहा है, पूरी तरह से समझने का विश्वास करता है ताकि यह सबकुछ (पेजिंग, क्रमबद्ध कॉलम, आकार बदलने योग्य कॉलम इत्यादि) के साथ संगत हो, और यह काम सभी प्रमुख ब्राउज़रों में कम से कम कई दिन। –