我们讲解下在手机端怎么完整显示表格不异常，原始的在手机端会错位，我们怎么借助于插件解决这个问题呢
我们看看页面效果
代码如下
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<meta name="viewport" content="width=device-width,initial-scale=1" />
<link href="//freemuban.com/js/517/jquery.mobile.theme-1.3.0.min.css" rel="stylesheet" type="text/css">
<link href="//freemuban.com/js/517/jquery.mobile.structure-1.3.0.min.css" rel="stylesheet" type="text/css">
<script src="//freemuban.com/js/517/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="//freemuban.com/js/517/jquery.mobile-1.3.0.min.js" type="text/javascript"></script>
<script>
</script>
<style type="text/css"></style>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>课程表</h1>
</div>
<div data-role="content">
<div class="ui-grid-d">
<div class="ui-block-a">
<div class="ui-bar ui-bar-a" style="height:30px">
<h1>周一</h1>
</div>
</div>
<div class="ui-block-b">
<div class="ui-bar ui-bar-a" style="height:30px">
<h1>周二</h1>
</div>
</div>
<div class="ui-block-c">
<div class="ui-bar ui-bar-a" style="height:30px">
<h1>周三</h1>
</div>
</div>
<div class="ui-block-d">
<div class="ui-bar ui-bar-a" style="height:30px">
<h1>周四</h1>
</div>
</div>
<div class="ui-block-e">
<div class="ui-bar ui-bar-a" style="height:30px">
<h1>周五</h1>
</div>
</div>
<div class="ui-block-a">
<div class="ui-bar ui-bar-c">
<h1>数学</h1>
</div>
</div>
<div class="ui-block-b">
<div class="ui-bar ui-bar-c">
<h1>语文</h1>
</div>
</div>
<div class="ui-block-c">
<div class="ui-bar ui-bar-c">
<h1>英语</h1>
</div>
</div>
<div class="ui-block-d">
<div class="ui-bar ui-bar-c">
<h1>数学</h1>
</div>
</div>
<div class="ui-block-e">
<div class="ui-bar ui-bar-c">
<h1>英语</h1>
</div>
</div>
<div class="ui-block-a">
<div class="ui-bar ui-bar-c">
<h1>数学</h1>
</div>
</div>
<div class="ui-block-b">
<div class="ui-bar ui-bar-c">
<h1>化学</h1>
</div>
</div>
<div class="ui-block-c">
<div class="ui-bar ui-bar-c">
<h1>语文</h1>
</div>
</div>
<div class="ui-block-d">
<div class="ui-bar ui-bar-c">
<h1>英语</h1>
</div>
</div>
<div class="ui-block-e">
<div class="ui-bar ui-bar-c">
<h1>英语</h1>
</div>
</div>
<div class="ui-block-a">
<div class="ui-bar ui-bar-c">
<h1>物理</h1>
</div>
</div>
<div class="ui-block-b">
<div class="ui-bar ui-bar-c">
<h1>体育</h1>
</div>
</div>
<div class="ui-block-c">
<div class="ui-bar ui-bar-c">
<h1>生物</h1>
</div>
</div>
<div class="ui-block-d">
<div class="ui-bar ui-bar-c">
<h1>政治</h1>
</div>
</div>
<div class="ui-block-e">
<div class="ui-bar ui-bar-c">
<h1>数学</h1>
</div>
</div>
<div class="ui-block-a">
<div class="ui-bar ui-bar-c">
<h1>化学</h1>
</div>
</div>
<div class="ui-block-b">
<div class="ui-bar ui-bar-c">
<h1>语文</h1>
</div>
</div>
<div class="ui-block-c">
<div class="ui-bar ui-bar-c">
<h1>语文</h1>
</div>
</div>
<div class="ui-block-d">
<div class="ui-bar ui-bar-c">
<h1>数学</h1>
</div>
</div>
<div class="ui-block-e">
<div class="ui-bar ui-bar-c">
<h1>英语</h1>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
