Угловая виртуальная прокрутка для больших столов - PullRequest
Новая
       6

Угловая виртуальная прокрутка для больших столов

0 голосов
/ 19 апреля 2019

У меня есть таблица, которая будет содержать большое количество строк и столбцов, и когда я использую либо, она ничего не отображает:

Вот мой стол 

<table class="table text-center ">
    <thead>
        <tr>
            <th class="border  " ></th>

            <th *ngFor="let d of destinations" class="border-right border-top-0">
                    {{d}}
            </th>
        </tr>
    </thead>
    <tbody >

      <cdk-virtual-scroll-viewport itemSize="5">
        <tr *ngFor="let o of origins">

            <th  class="border-right border-left   ">
                    {{o}}
            </th>
            <td *cdkVirtualFor="let d of destinations" class="border-right hover ">
                <!--Content-->
            </td>
        </tr>
      </cdk-virtual-scroll-viewport>
    </tbody>
</table>

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

Так есть идеи, как это сделать?

...