JQuery mobile table column not wrap to Vertical like example

I try to use jQuery mobile table but when I reduce size of browser or open it in my mobile phone column of table not warp to Vertical like example. I copy all code in example it still does not work.

example

This is my import

<link rel="stylesheet" href="css/jquery.mobile.structure-1.2.0.css"/>
<link rel="stylesheet" href="css/jquery.mobile-1.2.0.css"/>
<link rel="stylesheet" href="css/jqm-docs.css" />
<script src="js/jquery-1.8.3.js"></script>
<script src="js/jquery.mobile-1.2.0.min.js"></script>
<script src="js/jqm-docs.js"></script>

What did I miss. Please help thanks.


Probably you already know that, but it's still worth to mention that Responsive tables functionality is part of the unreleased JQM version 1.3. It's not even beta yet. Therefore it might be good enough for exploring and testing but definitely not for production.

That being said, you might need following js and css files:

table.js
table.reflow.js
table.columntoggle.js

jquery.mobile.table.css
jquery.mobile.table.reflow.css
jquery.mobile.table.columntoggle.css 

You can check them out from GitHub

链接地址: http://www.djcxy.com/p/65378.html

上一篇: jQuery Mobile中的表视图实现

下一篇: JQuery移动表格列不会换行为垂直的例子