title: Kendo grid pagination into custom wrapper
body: <p>It is my kendo grid and i need to wrap pagination buttons into my custom wrapper, named   </p>
  
  <pre><code>var grid = $("#taskTableKendo").kendoGrid({
          dataSource: tasksData,
          sortable: true,
          scrollable: false,
          autoBind: false,
          pageable: {
              refresh: true,
              pageSizes: [20, 50, 100]
          },
          dataBound: tasksDataBound,
          columns: [
              { field: "Responsibility_Code", title: " ", width: 30, encoded: false, template: '&lt;span class="responsibility type#=Responsibility_Code#" title="#=Responsibility_Description#"&gt;&lt;/span&gt;' },
              { field: "TaskRef", title: "Task Ref", encoded: false },
              { field: "Owner_FullName", title: "Owner", width: 80, template: "&lt;span class='usercell'&gt;#=Owner_FullName#&lt;/span&gt;" },
              { field: "Property_PropertyRef", title: "Property Ref" },
              { field: "Property_Name", title: "Property Name" },
              { field: "Property_City", title: "City" },
              { field: "Property_Country_Name", title: "Country" },
              { field: "JobType_Name", title: "Job Type",width:700 },
              { field: "TaskStatus", title: "Status" },
              { field: "DueDate", title: "Due" },
              { field: "DateLogged", title: "DateLogged", hidden: true },
              { field: "Comments", hidden: true },
              { field: "Documents", hidden: true },
              {
                  command: [{ text: "Click here to add a comment to this task", className: "addComment", click: addCommentCommand, template: '&lt;div class="dropdown pull-right"&gt;&lt;button class="btn btn-link dropdown-toggle text-green-lime" type="button" id="linkDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"&gt; Actions &lt;span class="caret"&gt;&lt;/span&gt;&lt;/button&gt; &lt;ul class="dropdown-menu" aria-labelledby="linkDropdown"&gt;&lt;li&gt; &lt;a href="" class="k-button k-button-icontext addComment k-grid-Clickheretoaddacommenttothistask" title="Click here to add a comment to this task"&gt;&lt;span class="CommentsNumbers"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;' },
                      { text: "Click here to add a document to this task", className: "addFile", click: documentCommand, template: '&lt;li&gt;&lt;a href="" class="k-button k-button-icontext addFile k-grid-Clickheretoaddadocumenttothistask" title="Click here to add a document to this task"&gt;&lt;span class="DocumentsNumbers"&gt;&lt;/span&gt;&lt;/a&gt; &lt;/li&gt;' },
                      { text: "Click here to reallocate this task to a different person", className: "reallocate", data: { field: "Id" }, click: reallocateCommand },
                      { text: "Click here to close this task", className: "closeTask", click: completeTaskCommand },
                      { text: "Click here to view and edit this task", className: "viewTask", click: editTaskCommand, template: ' &lt;/ul&gt;  &lt;/div&gt;'}
                  ],
                  title: " ",
                  width: 185 
  
              }
          ]
      });
  </code></pre>
  
  <p>I just need to change, kendo's go to previous page, go to next page buttons to custom ones created by me in html.</p>