Home > jQuery > Guriddo jqGrid JavaScript 5.1.0

Guriddo jqGrid JavaScript 5.1.0


We are glad to announce the immediate availability of Guriddo jqGrid JS 5.1.0 This is a major release and includes a lot of new features and fixes:

Additions and Updates

  • Add new event parameter in filterToolbar method – onClearSearchValue and corresponding jqGridToolbarClearVal. To this event are passed the following parameters: html element, column index, searchoptions, default value
  • Added a options between. The option is valid only in filterToolbar method. To use this feature the values in search field should be separated with “…”. Example – to parse values between 1 and 10 the following should be entered: 1…10 in the search field. Click for demo here
  • Added a possibility to use multi select in toolbar searching. Any multiselect plugin can be used.For this purpose a new parameter is added in filterToolbar method – groupOpSelect to determine the group operand when multi select is on Can be AND or OR. Default is AND. Click for demo here
  • Update Japanese translation
  • Added new method refreshFilterToolbar This method only refresh the toolbar filter and does not use reload to reload data. It loads the values from filters parameter in postData
  • Updated Italian translation
  • Added option uniqueSearchFields (boolean – default false) in jqFilter respectively in searchGrid methods form searching which allow the searched field to appear only once in the search list. Click for demo here
  • Added search option searchOperMenu in colModel searchoptions property (valid only in filterToolbar method) which enable/disable the search operators menu for particular field in colModel. The option work with global searchOperator option
  • Added event isHasSubGrid in grid parameters. To the event is passed the row id. If defined it is executed on every row before the subgrid is build. If the event return false the subgrid for that row is not builded. The plus icon disappear. Click for demo here
  • searchTree method now return only the result founds with its parents. Click for demo here.
  • Added sortable plugin not depended on jQuery UI lib.
  • Added grid option colMenu which if set to true will enable column menus on every grid colum header with different actions. Added visual representation of colMenu for Bootstrap and jQuery UI. Added option colmenu in colModel to enable/disable the menu for particular column. The following actions are present in the menu – sorting, filtering, grouping, freeze, show/hide reorder columns. Click for demo here
  • Add event parameter beforeExport in excelExport method to modify/add parameters in the export url.
  • Added options exporthidden and exportgrouping in excelExport (default false) for exporting colModel hidden property and grouping options. Useful in server side exporting like PHP ASP and etc
  • Add parameter reverse in getNodeAncestor method which if set to true will return the nodes in natural order – i.e first root , then first child and etc
  • Add parameter expanded in getNodeAncestor method which if set to true will return the nodes with expanded property set to true
  • Added simple filterInput method which allow with single value to filter on all fields in the grid. Works only when datatype is local. Click for demo here
  • Added new parameter in getNodeChildren method – currentview to get (walk) nodes from current view or whole local data

Bug Fixes

  • Fix padding in toolbar search inputs
  • More precise calculation of totaltime – time to put the data in grid
  • Fix sort and search in treegrid.

Your Guriddo Team

  1. Dhiraj
    March 6th, 2016 at 04:35 | #1

    Hi Tony,

    Are new features available in JQGrid bootstrap as well ?

  2. March 6th, 2016 at 07:57 | #2


    All the features that are described in new 5.1 release are available for Bootstrap too. You need only to change the appropriate parameter and CSS in order to see them in action

    Kind Regards

  3. shriram kakade
    March 11th, 2016 at 12:58 | #3


    what are they parameter need to change and css in order to see them in responsive(Bootstrap). If have any example/Demo available for understanding ?

    Shriram kakade |Grails and Groovy Developer

  4. March 11th, 2016 at 13:01 | #4

    @shriram kakade

    Please visit our demo center in order to see how to realize:

    Also this is a direct link to the Bootstarp demo: http://www.guriddo.net/demo/bootstrap


  5. Jay
    April 19th, 2016 at 04:24 | #5

    Hi Tony,

    I am trying jqGrid. I have a small demo working, but running into some issues. Are you able to help?

    1. Is there a way to auto saveState and loadState, without having to use the buttons? Your demo uses buttons to load/save, I would like it to be automatic so user doesn’t have to

    2. When I loadState, I lose my navGrid, it is not restored. is empty

    3. With multiselect and bootstrap, when I loadState, the selection is restored but checkboxes are not checked.


  6. April 19th, 2016 at 11:08 | #6


    Could you please post your questions here

    Thank you.

  7. Pinaki Das
    April 28th, 2016 at 06:11 | #7

    Hi Tony

    We have been using JQGrid 4.6 and its pretty slow in binding to 1000+ rows in IE but much better in Chrome. Will upgrading to JQGrid 5.1 will help us in that regard?

    Also why is your latest JQGrid not a part of Nuget packages? The latest I can see is version 4.6 which is quite a few years old.

  8. zhang qianhong
    April 29th, 2016 at 10:54 | #8

    Hi Tony,
    jqgrid after using setGridWidth,Can always keep scrollOffset(18)?

    “if($($t.grid.bDiv)[0].clientHeight < $($t.grid.bDiv)[0].scrollHeight || $t.rows.length === 1){" ,Whether this code in setGridWidth can be removed ? Or Setting?

  9. zhang qianhong
    May 12th, 2016 at 06:02 | #9

    Hi Tony

    Should be modified as

    Because the border has 2 pixels :

    .ui-jqgrid {
    position: relative;
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    The shrinkToFit parameter is set to false.
    The problem will be found in the actual use of the scroll bar .

  10. Dhanik
    June 6th, 2016 at 11:16 | #10

    Can we demo for jqGridToolbarClearVal? Actually i have search toolbar on column header, which should be refresh based on data available in grid. Grid is refreshing, but search column data is not refreshing.

  11. bejjm
    October 24th, 2016 at 04:41 | #11

    Hi Tony
    I want to download jqGrid 5.1.0 version.
    Where to download ?
    I downloaded the 5.1.0 version of the GitHub, but the jqgrid.min.js file version is 5.0.2, you are wrong????

  1. No trackbacks yet.

Privacy Policy   Terms and Conditions   Contact Information