在角度5上,我如何将分页菜单放在剑道网格的顶部?

时间:2018-05-27 06:37:19

标签: html kendo-grid angular5 kendo-ui-angular2

this the section i want to put on top

我试图在剑道网站上阅读如何做到这一点,我无法找到任何东西,我知道如何添加和删除寻呼机菜单中的东西,但无法找到如何把它放在首位。 这是我到目前为止的设置:

<kendo-grid
[data]="gridData"
[pageSize]="gridState.take"
[skip]="gridState.skip"
[pageable]="{
  info: true,
  type: 'input',
  pageSizes: true,
  previousNext: true
}"
[selectable]="true"
[sort]="gridState.sort"
[sortable]="true"
(dataStateChange)="gridStateChange($event)"
(edit)="editHandler($event)"
(add)="addHandler($event)"
></kendo-grid>

我希望可以在这里问这个问题

1 个答案:

答案 0 :(得分:0)

KendoGrid使用flex进行布局,因此最好选择使用css order property

  encapsulation: ViewEncapsulation.None,
  styles: [`
    .k-grid-aria-root{
      order: 20
    }
  `]

这里也是plunkr。如果您想避免ViewEncapsulation.None,也可以使用/deep/

  styles: [`
    /deep/.k-grid-aria-root{
      order: 20
    }
  `]