The initial display of jqGrid columnChooser may not show the expected effect on the first attempt

Trying to implement jqGrid in my project has been mostly successful, but I am encountering two specific issues:

  1. The first time the columnChooser is clicked, it does not display the effect when clicking the done button. However, it works as intended on the second click. You can view a video demonstration here, and access a fiddle example here.
  2. I am struggling to adjust the height of the columnChooser. Any guidance on how to achieve this would be greatly appreciated.

Note: My implementation uses the free-jqgrid framework.

javascriptjquerycssjqgridfree-jqgrid

Answer №1

It has come to my attention that the demo you shared is utilizing an outdated version of ui.multiselect.js from free jqGrid 4.11.0. However, I am pleased to inform you that this issue has been resolved in versions 4.13.5 and 4.14.1. By updating the ui.multiselect.js and ui.multiselect.css files to the latest version, you can address the reported problem. Please refer to the updated demo here: http://jsfiddle.net/OlegKi/kbhmg9nq/1/.

I also acknowledge the height issue with the columnChooser, which has been documented in this bug report. Rest assured, I will be working on resolving this problem promptly.

Answer №2

I am knowledgeable on how to adjust the height of the columnChooser.

$("#element").jqGrid('columnChooser', {dialog_opts :{ height:500}});

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

A newline within the source code that does not display as a space when rendered

Written in Chinese, I have a lengthy paragraph that lacks spaces as the language's punctuation automatically creates spacing. The issue arises when inputting this paragraph into VSCode - there's no seamless way to incorporate line breaks in the s ...

htmlcss

React: Premature exit, Fewer hooks executed than anticipated

I'm currently working on a chrome extension project where I'm trying to update an object based on a change in the current tab. However, I keep encountering an error that says I've rendered fewer hooks than expected. How can I resolve this is ...

javascriptreactjstypescriptreact-hooks

How to send arguments to an external JavaScript file with JavaScript

In the header of my HTML document, I have included the following script: <script src="http://www.domain.com/js/widgets.js" type="text/javascript"></script> This script references: widgets.js (function () { var styleEl = document.create ...

javascript

Is it more effective to utilize a filter or request fresh data when filling in a form's drop-down choices?

Utilizing an axios ajax request, I am retrieving a JSON list of tags related to a specific topic selected from a dropdown. If no topic is chosen, all tags in the database (approximately 100-200 tags) are fetched. The process involves: User selects a topi ...

javascriptajaxvue.js

What is the best method to incorporate Font Awesome icons into select options?

Is there a way to incorporate fontawesome icons into the user status indicators, such as active or inactive? I've been attempting it with the following code: <td> <select class="statusSelect" data id="{{$user->id}}&q ...

htmlcsslaravelbootstrap-4

The disabled feature doesn't seem to be functioning properly with the <i> tag when using Font Awesome icons

I've designed a plunk where I'm trying to validate a form with a button featuring a font-awesome icon. The text field is mandatory and I'd like to disable the icon if no data has been entered. However, it seems that ng-disabled doesn't ...

javascriptangularjsfont-awesomeangularjs-ng-disabled

What is the method for assigning a value to a knockout observable using jQuery?

There is a span element present on an HTML page. <span id="Amount" value="<?php echo $userProvidedAmount ; ?>"></span> Within my knockout code, I am attempting to incorporate this value into an observable using jQuery. However, despite ...

jquerycodeigniterknockout.js

"Efficiently setting up individual select functions for each option in a UI select menu

I've integrated UI Selectmenu into my current project UI selectmenu includes a select option that allows for setting select behavior across all selectmenu options, as shown in the code snippet below: $('.anything'). selectmenu({ ...

javascriptjqueryhtmljquery-uiselect-menu

What could be causing the lack of updated data on the service coming from the directive?

My current setup involves updating data stored in a service and shared with the controller to display in the view. The example showcases two variables - one holding an array and the other just a string. One thing that puzzles me is why does the array get ...

javascriptangularjs

A guide to implementing the map function on Objects in Stencil

Passing data to a stencil component in index.html <app-root data="{<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="b5d4d7d6f5d2d8d4dcd99bd6dad8">[email protected]</a>, <a href="/cdn-cgi/l/email-pro ...

javascriptstenciljs

Tips on swapping out an image multiple times as you hover over various text options

As a Designer creating a portfolio website, I have a good understanding of HTML and CSS. Here is my homepage: https://i.sstatic.net/WWMPA.png I am looking to create a feature where different images are displayed in a red circle preview when hovering over ...

javascripthtmlcss

Combining two divs to share the same linear gradient and shadow effect

Greetings to all our valued partners! I am seeking guidance on how to achieve the following task for a web application I am developing: Within my webapp, I have designed a stylish NavBar similar to the examples depicted in the images (in AdobeXD it is di ...

htmlcssmergeshadow

Using Asp.net bundling causes jquery UI to malfunction

I am facing an issue with my app where datepickers stop working when I publish it in release mode. Although Jquery and Jquery UI are loaded correctly and only once, I suspect that the problem lies in the bundling process but I haven't been able to pi ...

jqueryasp.netjquery-uibundling-and-minification

Troubleshooting problems with AJAX in WordPress

I have been attempting to transfer an array from PHP to JavaScript in order to display search results from a database. After converting the array into JSON format, I am facing difficulties in retrieving it. Despite having colleagues experienced in AJAX, we ...

javascriptphpjsonajaxwordpress

Retrieving too frequently

I'm currently working on a side project for fun using React with create-react-app. I have created a hook that is supposed to fetch some JSON information, and it does the job. However, the issue arises when it sends a request per item in the JSON, whic ...

javascriptreactjsajaxreact-hookscreate-react-app

A guide on setting up dual observables in Angular 2

Currently, I am implementing Observable in angular 2 with rxjs. As part of my demonstration, I have utilized fromEvent in a Plunker. Here is the link to my demo: https://plnkr.co/edit/zkgEcdn21CvIKoOycUOy?p=preview In this demo, I have included two input ...

javascriptangularrxjs

Resizable Bootstrap column-md-4

I need to make a bootstrap column fixed position (col-md-4). This is for a shop layout with 2 columns: Shop content (long & scrollable) col-md-8 Cart content (short & fixed so it stays visible while scrolling the shop content) col-md-4 I'm ...

csstwitter-bootstrapcss-position

Issue with karma-ng-html2js-preprocessor failing to generate modules

Struggling to configure the karma-ng-html2js-preprocessor. While Karma has been successfully detecting all my JavaScript files, it's having trouble generating a module from the HTML preprocessor. Take a look at my options object below. I've spec ...

javascriptangularjsunit-testingkarma-runner

The PHP script executed through Ajax fails to load further data once the browser is closed

Currently, I am working on a website where a PDF is generated based on the input provided by the clients. To ensure a smooth user experience, I have decided that the PDF generation process will start only after the purchase is complete. This is because the ...

phpjqueryajax

The font-family CSS properties inheritance is not functioning as I had anticipated

I'm currently working on a webpage where I want to add a list of links that resemble tabs. While this style is functioning correctly for the main pages, I'm having trouble implementing it for a new section. The existing list is located within: ...

fontscss