Slickgrid-Column header filter with Pagination

0
votes

I worked on slickgrid with header row filter(each column),pagination option is not available in the example grid. Is it possible to add pagination with header row filter.

Regards, Rajendhiran M

1
slickgrid
These are all blocks, just pick the blocks you need and add it within your project... you might need to include CSS or JS file, just check in the pagination example which file is needed - ghiscoding

1 Answers

2
votes

As @ghiscoding mentioned, you just need to fit the pager block in your page.

  1. First get pager control plug-in (slick.pager.js)

<script src="../path/to/SlickGrid/controls/slick.pager.js"></script>

  1. Now add an additional div for pager, just below the div that contains the grid

<div id="pager" style="width:100%;height:20px;"></div>

  1. Now in JavaScript section, initialize the pager

grid = new Slick.Grid( "#myGrid", dataView, columns, options); var pager = new Slick.Controls.Pager(dataView, grid, $("#pager"));

Done.