I am using latest version of Jquery mobile for my project.

I have used HTML table to populate the data. 

when i scroll the page the table header should be visible below the header. if remove the jquerymobile js it working fine.

issue

I can't float the table header, When I scroll the page  table header should be visible on the top.

demo project is attached.

 

Thanks.