Missing buttons in pager

[hkosmidi]

I have included both css (jquery ui, pqgrid) files but cannot see pager buttons for next/previous page.

My pager div is as follows

Code: [Select]

<div class="pq-grid-footer pq-pager">&nbsp;<button type="button" title="Πρώτη σελίδα"></button><button type="button" title="Προηγούμενη σελίδα"></button><span class="pq-separator"></span><span class="pq-page-placeholder"><span>Σελίδα</span><input type="text" tabindex="0" class="ui-corner-all"><span>από</span><span class="total">2</span></span><span class="pq-separator"></span><button type="button" title="Επόμενη σελίδα"></button><button type="button" title="Τελευταία σελίδα"></button><span class="pq-separator"></span><span class="pq-page-placeholder"><span></span><select class="ui-corner-all"><option value="10">10</option><option value="20">20</option><option value="50">50</option><option value="100">100</option></select><span class="pq-separator"></span></span><button type="button" title="Ανανέωση"></button><span class="pq-separator"></span><span class="pq-pager-msg">Εμφάνιση 1 εως 20 από 39 εγγραφές.</span></div>
In the tutorials I see pages has other classes and spans for the buttons. Am I missing something?

Thanks

[paramvir]

It's due to known issue of button incompatibility between jqueryui and bootstrap.

Its resolution is discussed here

https://github.com/paramquery/grid/issues/42

[hkosmidi]

thanks.

Copying from the link you gave this did the trick

Wow. I found the solution!
add after bootstrap.js
$.fn.bootstrapBtn = $.fn.button.noConflict();