【问题标题】:Created table is not centered by bootstrap创建的表不以引导程序为中心
【发布时间】:2014-09-11 06:16:24
【问题描述】:

在我的项目中,我在运行时使用 jstl 标签创建了一个动态表,并且我在项目中使用引导程序进行响应。问题是我创建的表不受容器元素的限制,就好像它有更多的列一样搜索。

这里是问题的快照:

我的代码:

 <div class="container" id="main">

// some code for adding menu 
<div class="row" id="featuresheading"> <!-- row for containg table  -->

   <div class="col-lg-12"> <!-- for col set -->


   <div class="table-responsive">
           <table class="table table-striped table-bordered">


             <tr>
             <c:forEach var="rna" items="${requestScope.searched_micro_rnas}">
                    <th >
                        <c:out value="${rna}"></c:out> 
                     </th>   

             </c:forEach>   
             </tr>        


              <c:forEach var="result" items="${requestScope.result_list}">

               <tr>
                 <c:forEach var="intval" items="${result}">



                         <td>
                         <c:out value="${intval}"></c:out>
                         </td>


                 </c:forEach>
               </tr>
             </c:forEach>

          </table>   
          </div> <!--  table responsive div ends -->

        </div> <!--  column div ends  -->
       </div> <!--  row ends -->
      </div><!--  container ends -->  

如何解决?

【问题讨论】:

  • 使用overflow:auto 将所有内容包装成新样式,并将webkit 滚动css 放在该div 上。做一个靴子
  • @Christina :谢谢。这工作:)

标签: java css twitter-bootstrap jakarta-ee jstl


【解决方案1】:

可以通过将“col--”类分配给“td”本身来轻松做出响应,然后您的表格就会变得响应。

【讨论】:

  • 我通过 修改了代码,但这不起作用:(
  • 对不起。我从来没有用过小提琴。
猜你喜欢
相关资源
最近更新 更多
热门标签