Question

我想访问所选的mfRowsOnPage。例如现在它是10。稍后用户可能会选择5或15.我需要在组件中使用此数据。一世甚至想要向用户显示哪些页面数据。例1 第二页或第二页，等等。

这是我的桌子。

<table class="table" [mfData]="stacklist_table| selectedcolumn | search : searchQuery | filter: addFilter : selected" #stacklist="mfDataTable" [mfRowsOnPage]="10">
          <thead>
            <tr>
              <th *ngFor="let colValues of stacklist.data | column: '' : ''">
                <mfDefaultSorter by="{{colValues}}">{{colValues|translate}}</mfDefaultSorter>
              </th>
            </tr>
          </thead>
          <tbody>
            <tr draggable *ngFor="let stack of stacklist.data" [dragOverClass]="'drag-over-border'" [dragData]="stack" [class.active]="checkIfStackElementIsSelected(stack)" (click)="setStacklistRow(stack, $event)">
              <td *ngFor="let rowValues of stack | row">{{ rowValues }}</td>
            </tr>
          </tbody>
          <tfoot>
            <tr style="height: 50px;">
              <td colspan="6">
                <mfBootstrapPaginator [rowsOnPageSet]="[50,100,150]" style="position:fixed; margin-top: -15px"></mfBootstrapPaginator>
                <!-- <mfBootstrapPaginator [hidden]='!hideElement' (dblclick)="eventEmitDoubleClick($event)" [rowsOnPageSet]="totalVisibleCount"></mfBootstrapPaginator> -->
                <!-- <input [hidden]='hideElement' [(ngModel)]="newCount" (click)="doneEditing(newCount)" autofocus /> -->
              </td>
            </tr>
            <tr (click)="loadMoreStackElements()">Load more</tr>
          </tfoot>
        </table>

我该如何解决？我是新手，不了解访问这些数据的方式。

https://www.npmjs.com/package/angular2-datatable

Answer 1

您可以尝试[attr.mfRowsOnPage]='10'并检查是否有效。

要在typescript组件中访问的Html数据表数据

1 个答案: