html - Can I use <div> tag inside a table -


i have requirement,that needs table rows inside table excluding head row scrollable. have tried follows,but not give desired result

 <table id="applicantlist1" border="1" align="left"> <tr><td align="center" colspan="4"><b>select 1 record below list proceeding further </b></td></tr> <tr><th>view</th><th>name</th><th>address</th><th>pan no</th></tr>   <c:foreach items="${applicantlist}" var = "applicantlist">       <div id="applicantlist2" align="center" style="height:1px;width: 10px">     <tr>         <td>${applicantlist[0]}</td>         <td>${applicantlist[1]}</td>         <td>${applicantlist[2]},${applicantlist[3]},${applicantlist[4]},${applicantlist[5]},${applicantlist[6]},${applicantlist[7]}</td>         <td>${applicantlist[8]}</td>       </tr>      </div>                   </c:foreach>  </table> 

if 1 have idea,please share me.

are able use javascript? jquery? browsers need support?

a css solution not possible, welcome holy grail: <table><tbody> scrollable?

you can try css solution, scrolling not work in ie. need add thead , tbody tags table markup: http://tjvantoll.com/2012/11/10/creating-cross-browser-scrollable-tbody/

so solution 100% coverage use javascript. use combination of above , plugin degrades nicely when js off. datatables jquery plugin i've used before, if need pure javsscript plugin, i'm sure can google them...


Comments

Popular posts from this blog

.htaccess - First slash is removed after domain when entering a webpage in the browser -

Automatically create pages in phpfox -

c# - Farseer ContactListener is not working -