StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>First of all I would recommend you to use <a href="http://www.ok-soft-gmbh.com/jqGrid/WrappedTextAndFrozenColumns.htm" rel="nofollow noreferrer">the demo</a> from <a href="https://stackoverflow.com/a/8771429/315935">the answer</a> as the basis instead of <a href="http://www.ok-soft-gmbh.com/jqGrid/FrozenColumns.htm" rel="nofollow noreferrer">the demo</a> from <a href="https://stackoverflow.com/a/8620574/315935">the previous answer</a>.</p> <p>You are right. The current implementation of frozen columns has problem with dynamic showing or hiding of the searching toolbar. I interpret it as a bug in the <a href="http://www.trirand.com/jqgridwiki/doku.php?id=wiki:toolbar_searching" rel="nofollow noreferrer">toggleToolbar</a>.</p> <p>Till the bug is not fixed I suggest that you show or hide the toolbar in the frozen part of the grid manually. <a href="http://www.ok-soft-gmbh.com/jqGrid/FrozenColumnsAndFilterToggle.htm" rel="nofollow noreferrer">The demo</a> shows how to implement this. The most important part of the code of the demo you find below:</p> <pre class="lang-js prettyprint-override"><code>$grid.jqGrid('filterToolbar', {stringResult: true, searchOnEnter: true, defaultSearch: 'cn'}); $grid.jqGrid('navButtonAdd', '#pager', { caption: "Filter", title: "Toggle Searching Toolbar", buttonicon: 'ui-icon-pin-s', onClickButton: function () { this.toggleToolbar(); if ($.isFunction(this.p._complete)) { if ($('.ui-search-toolbar', this.grid.hDiv).is(':visible')) { $('.ui-search-toolbar', this.grid.fhDiv).show(); } else { $('.ui-search-toolbar', this.grid.fhDiv).hide(); } this.p._complete.call(this); fixPositionsOfFrozenDivs.call(this); } } }); $grid[0].toggleToolbar(); </code></pre>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload