css - How to make fixed header in table with help of div? -

HTML: <पूर्व> & lt; thead & gt; & LT; टीआर & gt; & Lt; th & gt; & gt; div शैली = "चौड़ाई: 36 पीएक्स" & gt; & lt; textarea class = "cell" & gt; & lt; / textarea & gt; & lt; / div & gt; & lt; / th & gt; & Lt; th & gt; & gt; div शैली = "चौड़ाई: 36 पीएक्स" & gt; & lt; textarea class = "cell" & gt; & lt; / textarea & gt; & lt; / div & gt; & lt; / th & gt; & Lt; / टीआर & gt; & Lt; div class = "header" & gt; & LT; टीआर & gt; & Lt; th & gt; div शैली = "चौड़ाई: 36 पीएक्स" & gt; & lt; textarea class = "cell" & gt; नाम 1 & lt; / textarea & gt; & lt; / div & gt; & lt; / th & gt; & Lt; th & gt; div शैली = "चौड़ाई: 36 पीएक्स" & gt; & lt; textarea class = "cell" & gt; नाम 2 & lt; / textarea & gt; & lt; / div & gt; & lt; / th & gt; & Lt; / टीआर & gt; & Lt; / div & gt; & Lt; / thead & gt;

सीएसएस:

  div.header {स्थिति: निरपेक्ष; } {/ Code>  
 जेएस:  
  $ (विंडो) .scroll (function () {$ ('div.header')। Css ({'top' : $ (यह) .scrollTop ()});});   
 मैं तालिका में कॉलम की चौड़ाई को लागू करने और स्क्रॉल करते समय दूसरी पंक्तियों को स्थानांतरित करने के लिए पहले नकली शीर्ष पंक्ति को छोड़ना चाहता हूं, लेकिन वे स्थानांतरित नहीं होते हैं। मुझे बदलने की क्या ज़रूरत है?   
 
 
 div का उपयोग करने के बजाय आप एक निश्चित ऊंचाई और अतिप्रवाह : ऑटो। यह तालिका के शरीर को    स्क्रॉल करने की अनुमति देगा