Kendo ui 如何在剑道网格中将分页框显示为垂直？

如何在剑道网格中将分页框显示为垂直

---

我的某些级别通过使用“transform:rotate（xxxdeg）”改变CSS实现了这一点

但我仍然无法将寻呼机保持在网格的右侧

如果有人知道答案，请给出答案

.k-pager-wrap{ 变换：旋转（90度）； } .k-pager-wrap.k-pager-nav{ 变换：旋转（360度）； } .k-pager-wrap.k-pager-numbers li{ 变换：旋转（270度）； } .k-pager-sizes{ 变换：旋转（180度）； } .k-pager-sizes.k-input.k-pager-sizes.k-select{ 变换：旋转（90度）； } .k-pager-info{ 变换：旋转（180度）； } .k-pager-numbers.k-state-selected{ 颜色：#fff；背景：#454544； }

---

Javascript

function setPagerPoistion() {
    console.log('---- Set Pager');
    var transactionItemGridLayout = angular.element('transaction-item-grid .transaction-item-grid-layout');
    var g = angular.element('transaction-item-grid div.k-grid');
    // find grid offset
    var go = g.offset();
    // find grid position
    var gp = g.position();  
    var gridHeader = angular.element("transaction-item-grid .k-grid-header");
    var gridContent = angular.element("transaction-item-grid .k-grid-content");
    var gridPager = angular.element("transaction-item-grid .k-grid-pager"); 
    // occupy grid empty space with grid content
    gridContent.height(g.height() - gridHeader.height());
    console.log('transactionItemGridLayout.width() ', transactionItemGridLayout.width());
    console.log('go.left ', go.left, 'go.top ',go.top); 
    // Reduce grid width to fit pager at right hand side of the gird, because pager height is 30px
    g.width(transactionItemGridLayout.width() - 40);    
    // Pager Reverse, because of pager rotated
    gridPager.height(30);   
    // Pager Reverse, because of pager rotated
    gridPager.width((gridHeader.height() + gridContent.height()) - 10);
    gridPager.offset({ top: go.top, left: go.left + transactionItemGridLayout.width()-40 });
};

function setPagerPoistion() {
    console.log('---- Set Pager');
    var transactionItemGridLayout = angular.element('transaction-item-grid .transaction-item-grid-layout');
    var g = angular.element('transaction-item-grid div.k-grid');
    // find grid offset
    var go = g.offset();
    // find grid position
    var gp = g.position();  
    var gridHeader = angular.element("transaction-item-grid .k-grid-header");
    var gridContent = angular.element("transaction-item-grid .k-grid-content");
    var gridPager = angular.element("transaction-item-grid .k-grid-pager"); 
    // occupy grid empty space with grid content
    gridContent.height(g.height() - gridHeader.height());
    console.log('transactionItemGridLayout.width() ', transactionItemGridLayout.width());
    console.log('go.left ', go.left, 'go.top ',go.top); 
    // Reduce grid width to fit pager at right hand side of the gird, because pager height is 30px
    g.width(transactionItemGridLayout.width() - 40);    
    // Pager Reverse, because of pager rotated
    gridPager.height(30);   
    // Pager Reverse, because of pager rotated
    gridPager.width((gridHeader.height() + gridContent.height()) - 10);
    gridPager.offset({ top: go.top, left: go.left + transactionItemGridLayout.width()-40 });
};