ngx datatable вертикальная прокрутка с высотой строки, установленной на авто - PullRequest
0 голосов
/ 02 ноября 2018

Я использую ngx-datatable внутри моего приложения Angular. Мне было интересно, можно ли использовать вертикальную прокрутку вместе с автоматической высотой строки. Это означает, что если текст, находящийся в ячейке таблицы, станет большим, длина строки будет увеличена. Это прекрасно работает, если установить атрибут [rowHeight] = "'auto'". Однако при использовании [scrollbarV] = "true" высота строки должна быть числом из-за используемого механизма виртуальной прокрутки. У кого-нибудь есть обходной путь к этому?

<ngx-datatable
    style="height: 700px;"
    class="material"
    [columnMode]="'flex'"
    [headerHeight]="50"
    [footerHeight]="40"
    [rowHeight]="'auto'"
    [scrollbarH]="true"
    [scrollbarV]="true"
    [rows]="data">
    <ngx-datatable-column name="test" [flexGrow]="1" [minWidth]="120" [maxWidth]= "120">
      <ng-template let-row="row" ngx-datatable-cell-template>
        {{row}}
      </ng-template>
    </ngx-datatable-column>
    <ngx-datatable-column name="test" [flexGrow]="1" [minWidth]="80">
      <ng-template let-row="row" ngx-datatable-cell-template>
        {{row}}
      </ng-template>
    </ngx-datatable-column>
  </ngx-datatable>

На github есть открытый вопрос, но предложенные решения не работают. https://github.com/swimlane/ngx-datatable/issues/1292

Ответы [ 2 ]

0 голосов
/ 19 июня 2019

Для меня тоже работает следующее:

ngx-datatable {
  max-height: 70vh;
  overflow-y: scroll;
}
0 голосов
/ 02 апреля 2019

Для будущих искателей:

<ngx-datatable
    class='bootstrap material'
    style="height: 600px; overflow-y:visible"
    [columnMode]="'force'"
    [headerHeight]="50"
    [footerHeight]="50"
    [rowHeight]="'auto'"
    [limit]="20" >
...