在 angular 5 上，如何将分页菜单放在 kendo 网格的顶部？

Question

this the section i want to put on top

我试图在 kendo 网站上阅读如何操作，但我找不到任何东西，我知道如何在寻呼机菜单中添加和删除内容，但找不到如何将其置于顶部。这是我到目前为止的设置：

<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>

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

Answer 1

KendoGrid 使用 flex for layout, so best option would be to use 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
    }
  `]

在 angular 5 上，如何将分页菜单放在 kendo 网格的顶部？

On angular 5 , how can i put the paging menu in the top section of the kendo grid?

html

kendo-grid

kendo-ui-angular2

angular5