嗨,我正在与 RoR 和 ActiveAdmin 合作,我有一个不同值的表,其中一个是价格,例如:0,030 欧元,问题是在表中我看到它像:
0,030
€
我想把它放在同一排,所有的价格都和那个一样长(0,xxx€)。那么关于如何制作更宽的专栏有什么想法吗?谢谢
嗨,我正在与 RoR 和 ActiveAdmin 合作,我有一个不同值的表,其中一个是价格,例如:0,030 欧元,问题是在表中我看到它像:
0,030
€
我想把它放在同一排,所有的价格都和那个一样长(0,xxx€)。那么关于如何制作更宽的专栏有什么想法吗?谢谢
这很可能仅通过 CSS 来解决。
In /app/assets/stylesheets/active_admin.css.scss
(或等效)使用选择器定位列:nth-child
并应用white-space
限制以防止换行。
例如,如果它是第二列,你可以做这样的事情
td:nth-child(2) {
white-space: nowrap;
}
这方面的一个例子可以在下面的链接中看到。请注意第一列换行,而第二列被限制为单行(空白处没有中断)。
您可能必须比上面的通用示例更明确地定位列/表,因为上面会将样式应用于样式表适用的每个表的第二列。