Rails 3- Active Admin (Formtastic)，设置列宽答案

【问题标题】：Rails 3- Active Admin (Formtastic), set column WidthRails 3- Active Admin (Formtastic)，设置列宽
【发布时间】：2012-01-03 18:05:47
【问题描述】：

我在活动管理员中自定义索引表单。我有一些列，例如：

column :id
column :name

我想设置这些列的宽度。有什么简单的方法吗？

【问题讨论】：

【解决方案1】：

例如：

column :name do |name|
   div :class => "name" do 
     name  
   end  
end

然后在app/assets/stylesheets/active_admin.css.scss 文件中：

div.name { width: 500px; }

我猜这应该可行

【讨论】：

【解决方案2】：

最简单的方法是等待提供 Greg Bell 在https://github.com/gregbell/active_admin/issues/63 中谈到的功能的 active_admin 版本

目前没有“简单的方法”来做到这一点。

【讨论】：

【解决方案3】：

无需创建任何 div 类。对于：

column :name

在app/assets/stylesheets/active_admin.css.scss文件中写入：

.active_admin {
  .index_as_table {
    td.name {
      max-width: 150px;
      min-width: 100px;
    }
  }
}

设置管理面板宽写的列的最大宽度：

.active_admin {
  .index_as_table {
    td {
      max-width: 150px;      
    }
  }
}

如果您使用其他索引渲染器，只需查看源 html 并相应地调整活动管理样式表。

【讨论】：