1 Reply Latest reply on Aug 7, 2013 9:07 AM by Immo Benjes

    Row height of extendedDataTable not adjusting based on cell content

    Immo Benjes Newbie

      Hi,

       

      I am currently migrating our RF 3 project to RF 4 and I have noticed that the rich:extendedDataTable does not adjust the height of the rows according to its cell content.

       

      Screen Shot 2013-08-07 at 12.01.50.png

      This is how it looked in RF 3 or RF 4.3 with a rich:dataTable.

      If you use rich:extendedDataTable it looks like this:

      Screen Shot 2013-08-07 at 12.04.27.png

      As you can see the other lines are cut off (css overflow:hidden)

      The problem is this bit of html/css:

       

      {code}

      <td class="rf-edt-td-j_idt2439">

           <div class="rf-edt-c rf-edt-c-j_idt2439">

                <div class="rf-edt-c-cnt">

                           <ul>

                                <li>Line 1</li>

                                <li>Line 2</li>

                                <li>Line 3</li>

                           </ul>

               </div>

           </div>

      </td>

      {code}

       

      The problem here is the CSS for rf-edt-c:

      {code}
      *.rf-edt-c {

       

      1. height: 20px;
      2. overflow: hidden;

      }

       

      {code}

       

      When I overwrite the CSS with height:auto; I get the following result:

      Screen Shot 2013-08-07 at 12.03.17.png

      Now the boarders are all messed up.

      Why was the behaviour changed? How can I get the extendedDataTable to adjust the row height automatically?