ruby-on-rails - 表格列宽不增加

标签 ruby-on-rails twitter-bootstrap css html5-canvas

增加特定列的表格列宽存在问题...

  <table id="metadata">            
    <tr>
      <td class="meta-head">GRN #</td>
      <% if @grn.date.month >= 4 && @grn.date.month <= 12 %>
        <td>
          <textarea><%= "GRN"+@warehouse.shortform+"/"+(@grn.date.year.to_s.at(2..3))+"-"+(((@grn.date.year)+1).to_s.at(2..3))+"/"+(@grn.serial.to_s.rjust(5, '0')) %>
          </textarea>
        </td>
      <% else %>
        <td><textarea><%= "GRN"+@warehouse.shortform+"/"+(((@grn.date.year)-1).to_s.at(2..3))+"-"+(@grn.date.year.to_s.at(2..3))+"/"+(@grn.serial.to_s.rjust(5, '0')) %></textarea></td>
      <% end %>
      <td class="meta-head">Vehicle</td>
      <td><textarea id="date"><%= @grn.vehicle_no  %></textarea></td>
      <td rowspan="3" style="border:none; width: 200px;">
        <div id="logo">
          <div id="logohelp">
            <input id="imageloc" type="text" size="50" value="" /><br>
                (max width: 540px, max height: 100px)
          </div>
         <% if @warehouse.logo != nil %>
           <%= image_tag(@warehouse.logo, :alt => "logo", id: "image") %><br>
         <% else %>
         <% end %>
       </div>
     </td>
   </tr>
   <tr>
     <td class="meta-head">GRN Date</td>
     <td><textarea id="date"><%= @grn.date.strftime("%d/%m/%y")  %></textarea></td>
     <td class="meta-head">Bill #</td>
     <td><textarea id="date"><%= @grn.bill_no  %></textarea></td>
   </tr>
   <tr>
     <td class="meta-head">Challan</td>
     <td><textarea id="date">No. <%= @grn.challan_no  %>,   Dt.   <%= @grn.challan_date  %></textarea></td>
     <td class="meta-head">Bill Date</td>
     <td><textarea id="date"><%= @grn.bill_date  %></textarea></td>
   </tr>
   <tr>
     <td class="meta-head">PO #</td>
     <td><textarea id="date"><%=    @grnitems[0].purchase_order_item.purchaseorder.serial  %></textarea></td>
     <td class="meta-head">Transporter</td>
     <td><textarea id="date"><%= @grn.transporter  %></textarea></td>
     <td rowspan="3" style="border:none; width: 200px;">
     <% if @warehouse.address1 != nil %>
       <h6>  <%=  @warehouse.address1 %> 
         <%=  @warehouse.address2 %> 
         <%=  @warehouse.address3 %> 
         <%=  @warehouse.address4 %> </h6>
         <% end %>
     </td>
   </tr>
   <tr>
     <td class="meta-head">Vendor </td>
     <td><textarea id="date"><%=    @grnitems[0].purchase_order_item.purchaseorder.vendor.description  %></textarea>  </td>
     <td class="meta-head">LR #</td>
     <td><textarea id="date"><%= @grn.lr_no  %></textarea></td>
   </tr>
   <tr>
     <td class="meta-head">Way bill </td>
     <td><textarea id="date"></textarea></td>
     <td class="meta-head">LR Date</td>
     <td><textarea id="date"><%= @grn.lr_date  %></textarea></td>
   </tr>
 </table>

我的 table 像 enter image description here

我想实现 Logo 和地址列根据内容增加。 我正在尝试各种方式,例如

<table id="metadata" width="100%" >
<td width="100%">

我不知道我错在哪里?

最佳答案

将此样式属性用于无文字换行:

white-space: nowrap;

关于ruby-on-rails - 表格列宽不增加,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41223376/

相关文章:

javascript - 更改表格行高

ruby-on-rails - 你建议我使用什么 gem 来实现一个简单的 "Contact us"表单?

ruby-on-rails - 如何创建 View 来管理 HABTM 模型之间的关联? ( rails )

ruby-on-rails - 获取与模型关联的嵌套属性

html - 如何将 Content DIV 放在 bootstrap carousel 上并使其响应?

html - 如何使用 bootstrap 仪表板使用边栏内的 li 元素在 1 行上添加 2 个链接

ruby-on-rails - Zurb Foundation Nav 在 Rails 项目中的风格有限

jquery - 如何找到canJs中bootstrap的selectpicker插件选择了哪个选项?

html - Wordpress 二十十七页眉滚动移动放大

javafx - 覆盖根 css 属性