小编Rag*_*ndy的帖子

如何在ngx-datatable中添加分页和页脚模板?

我有以下的HTML代码,

<ngx-datatable
  class="material"
  [rows]="rows"
  [columns]="[{name:'Name'},{name:'Age'},{name:'Company'}]"
  [columnMode]="'force'"
  [headerHeight]="50"
  [footerHeight]="50"
  [rowHeight]="'auto'"
  [externalPaging]="true"
  [count]="page.totalElements"
  [offset]="page.pageNumber"
  [limit]="page.size"
  (page)='getValue($event)'
  [selected]="selected"
  [selectionType]="'checkbox'"
  (activate)="onActivate($event)"
  (select)='onSelect($event)' >
  <ngx-datatable-column
    [width]="30"
    [sortable]="false"
    [canAutoResize]="false"
    [draggable]="false"
    [resizeable]="false"
    [headerCheckboxable]="true"
    [checkboxable]="true">
  </ngx-datatable-column>
    <ngx-datatable-column name="Name">
      <ng-template let-row="row" let-value="value" ngx-datatable-cell-template>
       {{value}}  <i [innerHTML]="row['age']"></i> years old
      </ng-template>
    </ngx-datatable-column>
    <ngx-datatable-column name="Age">
        <ng-template let-column="column" ngx-datatable-header-template>
            Combined Properties
          </ng-template>

        <ng-template let-row="row" let-value="value" ngx-datatable-cell-template>
            <div style="border:solid 1px #ddd;margin:5px;padding:3px">
                <div style="background:#999;height:10px" [style.width]="value + '%'"></div>
                {{row['name']}}, passed their life of {{value}}%
              </div>
        </ng-template>
    </ngx-datatable-column>
    <ngx-datatable-column name="Company">
        <ng-template let-value="value" ngx-datatable-cell-template>
          {{value}}
        </ng-template>
    </ngx-datatable-column>
    <ngx-datatable-footer> …
Run Code Online (Sandbox Code Playgroud)

pagination ngx-datatable angular

7
推荐指数
1
解决办法
2万
查看次数

RXJS库中Observable.of运算符的用途是什么?

data = [{'info':'success'},{'info':'fail'}];
public getResults(page: Page,data:any[]): Observable<PagedData<CorporateEmployee>> {
    return Observable.of(data).map(data => this.getPagedData(page,data));
}
Run Code Online (Sandbox Code Playgroud)

在上面的代码中,Observable.of运营商的目的是什么?

rxjs

3
推荐指数
1
解决办法
991
查看次数

标签 统计

angular ×1

ngx-datatable ×1

pagination ×1

rxjs ×1