首页 新闻 搜索 专区 学院

急!! table数量多,样式丢失

0
悬赏园豆:50 [待解决问题]

我有一个页面,使用了多个table,当出现第九个table时第一个table设好的宽度样式丢失(已填入数据),只有8个时是正常的, 部分代码如下:

<script type="text/javascript" src="../../js/jquery/jquery-1.9.1.js"></script> <script type="text/javascript" src="../../js/jquery/jquery.easyui.min.js"></script> <script type="text/javascript" src="../../js/common/form.js"></script> <script type="text/javascript" src="../../js/common/ajaxJS.js"></script> <script type="text/javascript" src="../../js/common/pageSelect.js"></script>

<link type="text/css" rel="stylesheet" href="../../CSS/style.css"> <link type="text/css" rel="stylesheet" href="../../CSS/easyui.css"> <link type="text/css" rel="stylesheet" href="../../CSS/icon.css">

<body>
 <div class="easyui-tabs" id="main"  data-options="fit:true,plain:true" style="overflow:hidden;" >
     <div title="产品详情"  style="padding:10px;background: #e8f3f8;" >

   <table id="jkrgzForm" class="easyui-datagrid" title="委托人规则" style="width:auto;height:auto;align:center;"
                 data-options="    pagination:true,
                                    pageSize:10,
                                    autoRowHeight:false,
                                    rownumbers:true,
                                    singleSelect:true,
                                    collapsible:true,
                                    method:'get'">
             <thead>
                   <tr>
                       <th data-options="field:'principalType',width:100,">委托人类型</th>
                       <th data-options="field:'mbwtrdy',width:100">目标委托人定义</th>
                       <th data-options="field:'mbsrrdy',width:100,">目标受让人定义</th>
                   </tr>
             </thead>
             <tbody>
                   <tr>
                       <td></td>
                       <td></td>
                       <td></td>
                       <td></td>
                       <td></td>
                       <td></td>
                   </tr>
             </tbody> 
        </table>


    </div>
    </div>

</body>

问题补充:

<script type="text/javascript" src="../../js/jquery/jquery-1.9.1.js"></script> <script type="text/javascript" src="../../js/jquery/jquery.easyui.min.js"></script> <script type="text/javascript" src="../../js/common/form.js"></script> <script type="text/javascript" src="../../js/common/ajaxJS.js"></script> <script type="text/javascript" src="../../js/common/pageSelect.js"></script>

<link type="text/css" rel="stylesheet" href="../../CSS/style.css"> <link type="text/css" rel="stylesheet" href="../../CSS/easyui.css"> <link type="text/css" rel="stylesheet" href="../../CSS/icon.css">

wwwr的主页 wwwr | 初学一级 | 园豆:152
提问于:2015-12-21 17:39
< >
分享
所有回答(1)
0

在页面写个全局样式就行了

搁忆 | 园豆:600 (小虾三级) | 2015-12-22 08:57

不行啊,只有8个table时是正常的,样式都是设好的,再多加table就出问题

支持(0) 反对(0) wwwr | 园豆:152 (初学一级) | 2015-12-22 10:19

@wwwr: 你引用easyui框架,样式是没问题的,table 都在同一个div里吧,如果不是就看div的样式了,有些会冲突

支持(0) 反对(0) 搁忆 | 园豆:600 (小虾三级) | 2015-12-22 12:06

@搁忆: 是都在一个div里

支持(0) 反对(0) wwwr | 园豆:152 (初学一级) | 2015-12-22 18:10
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册