无法更改 active_admin 列宽

Question

从我的 gemfile 中可以看出，我正在使用 active_Admin 的 github 版本：

gem 'activeadmin', github: 'activeadmin'

我正在尝试更改索引表中列的列宽。 根据此处找到的文档，应该这样做：

column :notes, min_width: "400px"
column :notes, max_width: "800px"

但是，上面的代码不起作用。 列是 100px。 我如何让这个工作？

Answer 1

https://github.com/activeadmin/activeadmin/issues/4091

不幸的是，max_width 只存在于“页面”（即 register_page）上，而不存在于“资源”（即寄存器）上。 相反，您可以这样做：

.col-<column_name> { max-width: 200px; }

Answer 2

尝试这个：

columns do
  column max_width: "800px", min_width: "400px" do
    span "notes contents goes here"
  end
end

请参阅文档中的自定义列宽部分。

如果上述方式对您不起作用，您仍然可以通过以下方式进行：

column :notes do
   div(class: "notes") do 
     span "notes contents goes here"
   end  
end

在app/assets/stylesheets/active_admin.css.scss文件中定义 css 规则：

div.notes { width: 500px; }

Answer 3

这今天有效

index do
  style do
    [".col-name{width: 130px}"].join(' ')
  end
  column :name
  actions
end

活跃的管理员使用这个 gem。 https://activeadmin.github.io/arbre/

上面将样式直接放入 HTML 中。 没关系，因为它有效。

我的意思是你的 HTML 会很丑，但它有效。