Разрывы строк не работают на ясности расширяемых строк сетки данных - PullRequest
Новая
       5

Разрывы строк не работают на ясности расширяемых строк сетки данных

0 голосов
/ 25 октября 2018

Впервые я использую функцию расширяемых строк в сетке данных Clarity.Первоначально я предполагал, что я могу написать любой HTML-код в свернутом виде для отображения.

Расширяемая сетка данных VMware: https://vmware.github.io/clarity/documentation/v0.11/datagrid/expandable-rows

Но почему-то это не работает.Даже если я явно упомяну тег <br>, разрыв строки также не произойдет. 

<clr-dg-row-detail *clrIfExpanded>
    <h2> 1st Line </h2>
    <br>
    <h3> Why the next line is not coming in new Line </h3>
</clr-dg-row-detail>

Я не уверен, что мне не хватает какой-то базовой концепции, но это раздражает, и я не могу понять,как я могу это исправить.Вот моя ссылка на стек: https://stackblitz.com/edit/clarity-datagrid-basic-fvjrst?file=app/app.component.html

1 Ответ

0 голосов
/ 26 октября 2018

В контейнере для расширенного содержимого используется display: flex, из-за которого элементы вашего блока изгибаются, чтобы соответствовать контейнеру.Простой обходной путь заключается в том, чтобы обернуть его в один элемент блока следующим образом. 

<clr-dg-row-detail *clrIfExpanded>
  <div>
    <h2> Header 2 </h2>
    <br>
    <h3> Header 3 </h3>
  </div>
</clr-dg-row-detail>

Я исследую это далее и посмотрю, сможем ли мы исправить это лучше, но это даст вам путь вперед.

...