0

特定の列の最長のテキスト文字列に適応しているように見えるテーブルがあります。各行に選択タグがあり、表示が乱れているようです。テーブルに余分な列が追加されており、右側の境界線が表示されていません。選択タグのサイズを縮小すると、テーブルは正しくフォーマットされますが、テーブルを次の列の最大の選択タグと最大のボタンのサイズに合わせたいだけです。ありがとう。コードは次のとおりです。

<table class="table table-bordered table-condensed">
<thead>
<tr>
    <th>Position</th>
    <th>Allocation</th>
    <th>Action</th>
</tr>
</thead>

<% position_map = @cabinet.cabinet_position_map %>
<% @cabinet.cabinet_type.usize.downto(1) do |i| %>
<tr>
    <td>Slot: <%= i %></td>
    <% if position_map[i].nil? %>
        <% cabinet_device_selection = @cabinet.devices_to_fit(position_map, i) %>
        <% @selection_list = [ "Power", "I/O", "Interface", "Unusable", "Other", "Missing", "Reserve" ] %>
        <% cabinet_device_selection.each do |device| %>
            <% @selection_list << device.name %>
        <% end %>
        <% if position_map[i].nil? %>
                <%= form_tag( {:controller => :cabinets, :action => :update_device_position, :position => i , :id => @cabinet.id } , { :method => 'get', :class => "form-search" }) do %>
                    <td>
                        <%= select_tag :position_name, options_for_select(@selection_list) %>
                    </td>
                    <td>
                        <%= hidden_field_tag 'position', i %>
                        <%= submit_tag "Add" , :class => "btn" %>
                    </td>
                <% end %>
        <% end %>               
    <% else %>
        <% position_map[i].each do |cabinet_item| %>
            <td>
                <%= cabinet_item.name %>&nbsp;
            </td>
            <td>
                <%= link_to "Remove", { :controller => :cabinets, :action => :remove_cabinet_position, :id => @cabinet.id, :position => i}, :class => "btn btn-danger" %>
            </td>
        <% end %>
    <% end %>   
</tr>
<% end %>
</table>

出力は次のようになります。

不適切な形式の画像

4

1 に答える 1

0

Bootstrapを使用しているようです。

したがって、select_tagの幅を変更するには、簡単に行うことができます。

    <%= select_tag :position_name, options_for_select(@selection_list), :class => "span1" %>

または、カスタム幅を設定する場合は、cssにクラスを追加します。

    .option-small {
       width: 100px !important;
    }

そして、

    <%= select_tag :position_name, options_for_select(@selection_list), :class => "option-small" %>
于 2013-03-09T10:56:49.143 に答える