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

Question

In my active admin page i want all my td are in same height instead of increasing the height respective to content. I try to set height but its not working.

admin_custom.css.scss

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

This is the image i have. I want my address to be displayed in a single line. And only a specified width has to be visible and by clicking it i can see the entire address

Answer 1

This looks like you're using a javascript/css table-displaying plugin, is that right? (I say that because of the little triangles which look like 'order by' buttons) If so then it will probably be automatically assigning what it thinks are sensible widths to the columns.

If you display the truncated version, which shows the full address when clicked, then that might solve your width problem as well. I would do this like so:

<%# 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> 

then add this to the javascript which is used on the page - i'm writing this in jQuery, you can rewrite it yourself if you're not using jQuery.

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