活动管理表TD的自定义高度在导轨中不起作用？

Question

在我的活动管理页面中，我希望所有td都处于同一高度，而不是增加与内容相对应的高度。 我尝试设置高度，但不起作用。

admin_custom.css.scss

    body.active_admin {
    table td{
    height: 36px !important;
    color: black;
    width: auto;
    overflow-y: hidden;
    }
  }

这是我的形象。 我希望我的地址显示在一行中。 而且只有指定的宽度是可见的，并且通过单击它我可以看到整个地址

Answer 1

看起来您正在使用javascript / css表显示插件，对吗？ （我说这是因为看起来像“ order by”按钮的小三角形）如果这样的话，它可能会自动为列分配它认为合理的宽度。

如果显示的是截短的版本（单击后显示完整的地址），那么这也可能会解决宽度问题。 我会这样做：

<%# in the td which has the address %>
<div class="truncated-address">
  <%= truncate(foo.address, length: 20) %>
<div>
<div class="full-address" style="display:none;">
  <%= foo.address %>
<div> 

然后将其添加到页面上使用的javascript中-我正在jQuery中编写此代码，如果您不使用jQuery，则可以自己重写它。

$(".truncated-address").click(function(){ $(this).hide().siblings().show();});