剣道グリッドのページ区切りボタンは、縦形式で表示されます

Question

私のアプリケーションには剣道のグリッドがあり、それにREST呼び出しでデータをバインドしています。最初にグリッドが読み込まれると、ボタンは表示されません。以下は例です：

現在、1ページあたり50項目を表示するように構成されたグリッドで400の以上の項目があります。しかし、問題は私が2番目/次のページを訪問するオプションを見ることができないということです。

ページあたりのアイテムを変更すると、2番目のページのオプションが表示されます。 50〜100からオプションを変更した場合のように、他のページ番号を見ることができます。

これは2番目の問題です。ページ番号は水平ではなく縦に表示されます。

私は問題の下に解決する上で助けを必要とする：

1. それらがすると仮定されているように、ページのロードページ付けのオプションが表示されなければならないとき。
2. ページ番号は水平方向ではなく、垂直方向に表示されます。以下は

私のコードスニペットです：

$scope.mainGridOptions = { 
     editable: true, 
     pageable: { 
      pageSizes: [15,25,50,100] 
     }, 
     navigatable: true, 
     sortable: true, 
     filterable: true, 
     dataSource: { 
      type: "odata", 
      pageSize: 50, 
      batch: false, 
      requestEnd: function(e) { 
       if (e.type != 'read') 
       { 
        $('#grdItemizations').data('kendoGrid').dataSource.read(); 
       } 
      }, 
      schema: { 
       model: { 
        id: "Id", 
        fields: { 
         Id: { type: "number", editable: false }, 
             Title: { type: "string",editable: false } 
        } 
       }, 
       data: function (data) { 
        return data.d && data.d.results ? data.d.results : []; 
       } 
      }, 
      transport: { 
       parameterMap: function (data, type) { 
        if (type != "read") { 
         var strIfy = kendo.stringify({ 
          "__metadata": type != "create" ? { "type": }, 
          "Title": data.Title, 
          "Id": type != "create" ? data.ID : undefined 
         }); 
         return strIfy; 
        } 
        return kendo.data.transports["odata"].parameterMap.apply(this, arguments); 
       }, 
       read: { 
       }, 
       update: { 

       }, 
       create: { 
       }, 
    error: function (e) { 
     alert("Status: " + e.status + "; Error message: " + e.errorThrown); 
    }   
      },  
     }, 
     columns: [ 
      { field: "Id", title: "ID" , width: "60px"}, 
      { field: "Title", title: "Analytic Inventory Description" , width: "220px"} 
     ] 
    } 

どれヒント、ヘルプは本当に感謝しています。

Answer 1

完全なコードを投稿していないので、他の問題があります。

まず第一に、私はそこにいた疑いがあることが、グリッドのプレゼンテーションを扱うので、CSS側に何かオフ（行方不明CSS、呼ば剣道CSSのバージョンが正しくない、murtiple CSSの矛盾）でした。

その後、私はdemoを引き上げて取り外しこれらのCSSファイルを

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.1.118/styles/kendo.common-bootstrap.min.css" /> 
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.1.118/styles/kendo.bootstrap.min.css" /> 
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.1.118/styles/kendo.bootstrap.mobile.min.css" /> 

と驚くほどの結果、以下の画像を参照してください私は垂直形式で改ページボタンを見ることができる種類の少し似ています。

（viewsourceのページを見て、グリッドCSSを剣道するための基準を確認してください）問題が解決しない場合は、