jQuery का उपयोग कर स्क्रॉलबार के साथ एचटीएमएल में एक आकार बदलने योग्य तालिका कैसे बनाएं?

Question

मैं HTML में एक टेबल बनाना चाहता हूं जिसमें आकार बदलने योग्य कॉलम हों। मैं स्क्रॉलबार को टेबल पर भी चाहता हूं लेकिन स्क्रॉल करते समय तालिका का शीर्षलेख तय रहना चाहिए।

कृपया मदद करें।

Answer 1

www.tablefixedheader.com

बस नीचे दिए गए उदाहरण की तरह एक बुनियादी मान्य HTML पैदा करते हैं। लेकिन ध्यान दें कि पदानुक्रम होना चाहिए:

- table > thead > tr > th 
- table > tbody > tr > td 

Example for re-sizable cols

$('#4').fixheadertable({ 
    caption  : 'My employees', 
    colratio : [50, 150, 150, 150, 220, 150], 
    height  : 200, 
    width  : 800, 
    zebra  : true, 
    resizeCol : true, 
    minColWidth : 50 
}); 

Answer 2

मुझे लगता है कि, यह आपके समाधान है। jsfiddle पर Demo देखें। यदि आप सर्वर से डेटा लोड करना चाहते हैं, तो savedStateLoad: true सेट करें। अन्यथा अजाक्स भाग को अनदेखा करें, अपने मामले में, बस savedStateLoad: false

कोड का मूल स्रोत here है, धन्यवाद।