[英]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.