прокручиваемый и RTL не работает в таблице PrimeNG - PullRequest
Новая
       7

прокручиваемый и RTL не работает в таблице PrimeNG

0 голосов
/ 04 ноября 2018

Я хочу иметь таблицу с горизонтальной и вертикальной полосой прокрутки. showcase в primeNg работает правильно, когда мы не используем направление rtl для нашей таблицы!

когда мы используем горизонтальную прокрутку и прокрутка в направлении rtl не прокручивается в заголовке таблицы! заголовок таблицы фиксируется при использовании в rtl dir

mycode: 

 <div dir="rtl">
  <p-table  dir="rtl" #dt
           [columns]="cols"
           [value]="cars"
           [paginator]="true"
           [rows]="10"
           [scrollable]="true"
           scrollHeight="200px"
            [style]="{width:'1000px'}">

    <!-- below for fixining columns withs-->
    <ng-template pTemplate="colgroup" let-columns>
      <colgroup>
        <col *ngFor="let col of columns" style="width:150px;">
      </colgroup>
    </ng-template>

    <ng-template pTemplate="header"  let-columns>
      <tr dir="rtl" class="ui-rtl">
        <th *ngFor="let col of columns">
          {{col.header}}
        </th>
      </tr>

    </ng-template>
    <ng-template pTemplate="body" let-rowData let-columns="columns">
      <tr [pSelectableRow]="rowData">
        <td *ngFor="let col of columns">
        {{rowData[col.field]}}
      </td>
      </tr>
    </ng-template>
  </p-table>

</div>
...