Ngx-datatable: How to give height auto for row detail

[pranavsreedhar92]

I'm submitting a ... (check one with "x")

[ ] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[ x] support request => Please do not submit support request here

Current behavior
Need help for giving height auto for row details section.

Expected behavior

Reproduction of the problem

What is the motivation / use case for changing the behavior?

**Please tell us about your
OS : Windows
IDE : NetBeans

• Table version: 0.7.x
  6.1.2

• Angular version: 2.0.x
  2.4.1

• Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]
  

• Language: [all | TypeScript X.X | ES6/7 | ES5]

[norenma]

Hello, did you find a solution for this? I have the same problem.

[pranavsreedhar92]

Use [rowHeight]="'auto'"

[Humberd]

It doesn't work for me

[lesliesu]

I have got the same issue. I need to set scrollbarV and scrollbarH to true, meanwhile show row details (which means I need to set [rowHeight]="'auto'"), but it will give me errors if I combine all these options together.

[Humberd]

I managed to do it. You need to add this in your global styles:

ngx-datatable {
   .auto-details-height {
      .datatable-row-wrapper {
         height: unset !important;
         .datatable-row-detail {
            height: unset !important;
         }
      }
   }
}

[bluecaret]

I'm not able to get this working either.. The CSS provided by @Humberd doesn't work for me.
The amount of hard coded pixel sizes in this plugin is insane, very difficult to make a responsive app with this.

[resting]

Did a slight modification to the solution by @Humberd to make it work for me.
I didn't specify [rowHeight] in ngx-datatable-row-detail either.

ngx-datatable {
  .datatable-row-wrapper {
    height: unset !important;
    .datatable-row-detail {
      height: unset !important;
    }
  }
}

[CaffGeek]

this just results in the detail-row-height being 0...ugh...this is a pita

html should flow...but all the hardcoding in the control makes it break so much