Rails 3- Active Admin(Formtastic),设置列宽

时间:2012-01-03 18:05:48

标签: ruby ruby-on-rails-3 ruby-on-rails-3.1 formtastic activeadmin

我在自定义管理员中自定义索​​引表单。 我有一些列:

column :id
column :name 

我想设置这些列的宽度。 有一个简单的方法吗?

3 个答案:

答案 0 :(得分:18)

例如:

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

然后在app/assets/stylesheets/active_admin.css.scss档案中:

div.name { width: 500px; }

这应该可行我猜

答案 1 :(得分:3)

最简单的方法是等待一个版本的active_admin,它提供了Greg Bell在https://github.com/gregbell/active_admin/issues/63中讨论的功能

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

答案 2 :(得分: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并相应地调整活动管理样式表。