ActiveAdmin中更宽的列

Question

大家好，我正在与RoR和ActiveAdmin合作，我有一个表，其中一个是价格，大概是: 0,030欧元，问题是我在表中看到的是：

0,030 
€

我想把它放在同一行，所有的价格都和那个一样长(0，xxx欧元)。那么，关于如何制作更宽的专栏，你有什么想法吗？谢谢

Answer 1

这个问题很可能只通过CSS就能解决。

在/app/assets/stylesheets/active_admin.css.scss (或等效物)中，使用:nth-child选择器确定列的目标，并应用white-space限制以防止换行。

例如，如果是第2列，您可以这样做

td:nth-child(2) {
  white-space: nowrap;
}

在下面的链接中可以看到一个这样的例子。请注意，第一列换行，而第二列仅限于一行(空格上没有换行)。

http://jsfiddle.net/YLHBE/

您可能必须比上面的通用示例更明确地针对列/表，因为上面的示例将样式应用到样式表应用到的每个表的第2列。