小编Neh*_*yal的帖子

如何在Angular 4中为表添加分页?

我是Angular 4的新手,如果有人能告诉我如何在表格中添加分页,我将不胜感激.以下是我的代码:

HTML:

<div *ngIf="tableDiv && adv1" id="adv1Div">
            <table class="table table-hover" id="adv1Table">
                <thead>
                    <tr class="black-muted-bg" >
                        <th class="align-right" *ngFor="let data of calendarTable[0].weeks">{{data.period}}</th>

                    </tr>
                </thead>
                <tbody>
                    <tr class="no-top-border" *ngFor="let item of calendarTable| paginate: { itemsPerPage: 9, currentPage: p };">
                        <td contenteditable='true' *ngFor="let data of item.weeks| paginate: { itemsPerPage: 9, currentPage: p };" class="align-right">{{data.price}}</td>   
                    </tr>
                </tbody>
                <a href="javascript:void(0)">
                    {{p}}
                  </a>

            </table>

        </div>         
Run Code Online (Sandbox Code Playgroud)

我的JSON是:

 public calendarTable = [
      { name: "TV AD1", 
          weeks: [
          { period: "2/10/2017", price: "400" },
          { period: "9/10/2017", …
Run Code Online (Sandbox Code Playgroud)

html pagination html-table angular

9
推荐指数
2
解决办法
5万
查看次数

标签 统计

angular ×1

html ×1

html-table ×1

pagination ×1