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 </th> <th nowrap="nowrap">crsd </th> <th nowrap="nowrap">msd </th> <th nowrap="nowrap">open qty </th> <th nowrap="nowrap">crd </th> <th nowrap="nowrap">crsd </th> <th nowrap="nowrap">msd </th> <th nowrap="nowrap">open qty </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
Post a Comment