javascript - How to fix header of table -


possible duplicate:
how freeze table header

i having table getting populated through ajax call, having fallowing structure-

<table>         <thead>                 <tr>                         <th colspan="4">current</th>                         <th colspan="4">new/requested</th>                 </tr>                 <tr>                         <th nowrap="nowrap">rsd &nbsp;&nbsp;&nbsp;&nbsp;</th>                        <th nowrap="nowrap">crsd &nbsp;&nbsp;&nbsp;&nbsp;</th>                         <th nowrap="nowrap">msd &nbsp;&nbsp;&nbsp;&nbsp;</th>                         <th nowrap="nowrap">open qty &nbsp;&nbsp;&nbsp;&nbsp;</th>                         <th nowrap="nowrap">crd &nbsp;&nbsp;&nbsp;&nbsp;</th>                         <th nowrap="nowrap">crsd &nbsp;&nbsp;&nbsp;&nbsp;</th>                        <th nowrap="nowrap">msd &nbsp;&nbsp;&nbsp;&nbsp;</th>                         <th nowrap="nowrap">open qty &nbsp;&nbsp;&nbsp;&nbsp;</th>                         <th nowrap="nowrap">action</th>                         <th nowrap="nowrap">reason</th>                         <th nowrap="nowrap">action code status </th>                 </tr>     </thead>         <tbody>                  <tr>                          <td></td>                           <td></td>                             .....plenty of rows                 </tr>          </tbody>  </table> 

i trying freeze header of table..
note: want on page scroll not table body scroll.
tried in way suggested in this post, nothing seems work me...
ne 1 have different approach or working example great me.

jsfiddle of problem : http://jsfiddle.net/ux6sk/

you can find right here fix header

and demo here demo here


Comments

Popular posts from this blog

c# - SharpSVN - How to get the previous revision? -

c++ - Is it possible to compile a VST on linux? -

url - Querystring manipulation of email Address in PHP -