繁体   English   中英

在重复控制中设置Bootstrap响应表的列宽度

[英]set column Widths for Bootstrap Responsive Table in Repeat Control

我有一个重复控件,我想为每一行建立一个引导响应表。 现在看起来像这样: 在此处输入图片说明

问题是我想设置列宽,以便它们更好地对齐。 我尝试做一个两行网格,但两行很好地折叠,但是数据不在Label下。 我已经尝试过class =“ width:200px”或在div中也使用%,但这似乎没有任何影响。 如果添加到,则同样明智。

我会选择一个网格或响应表解决方案。 我的代码看起来像这样:

<div class="table-responsive">
                    <table class="table  table-bordered table-condensed " style="width:900px">
    <thead>
        <tr >
            <th class="width:150px">Label</th>
            <th class="width:250px">Default Approvers</th>
            <th class="width:75px">Auto Process</th>
            <th class="width:75px">Routing</th>
            <th class="width:75px">Post Approval</th>
            <th class="with:75px">Post Denial</th>
            <th class="width:50px">Notify Late</th>
        </tr>
    </thead>
    <tbody>
       <tr>
          <td>
.
.
.
</tbody>

首先:您使用class属性来设置style值。 如果您更改style则应该可以使用。 我建议您虽然使用colgroup。 http://www.w3schools.com/tags/tag_colgroup.asp

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM