jQWidgets jqxGrid Complete Reference Last Updated : 24 Jul, 2025 Comments Improve Suggest changes Like Article Like Report The jqxGrid is used to illustrate a jQuery widget that shows data in tabular form. Moreover, it renders full support for connecting with data, as well as paging, grouping, sorting, filtering, and editing. Property: jQWidgets jqxGrid altrows PropertyjQWidgets jqxGrid altstart PropertyjQWidgets jqxGrid altstep PropertyjQWidgets jqxGrid adaptive PropertyjQWidgets jqxGrid adaptivewidth PropertyjQWidgets jqxGrid autoheight PropertyjQWidgets jqxGrid autorowheight PropertyjQWidgets jqxGrid autoshowcolumnsmenubutton PropertyjQWidgets jqxGrid autoshowloadelement PropertyjQWidgets jqxGrid autoshowfiltericon PropertyjQWidgets jqxGrid cardheight PropertyjQWidgets jqxGrid cardview PropertyjQWidgets jqxGrid cardsize Property jQWidgets jqxGrid cellhover Property jQWidgets jqxGrid clipboard PropertyjQWidgets jqxGrid columnsreorder Property jQWidgets jqxGrid closeablegroups Property jQWidgets jqxGrid cardviewcolumns Property jQWidgets jqxGrid columnsautoresize Property jQWidgets jqxGrid columnsautoresize Property jQWidgets jqxGrid columnmenuopening PropertyjQWidgets jqxGrid columnmenuclosing PropertyjQWidgets jqxGrid columnsmenuwidth PropertyjQWidgets jqxGrid columnsheight PropertyjQWidgets jqxGrid columnsresize PropertyjQWidgets jqxGrid disabled Property jQWidgets jqxGrid editable Property jQWidgets jqxGrid editmode PropertyjQWidgets jqxGrid enabletooltips PropertyjQWidgets jqxGrid enablekeyboarddelete PropertyjQWidgets jqxGrid enableellipsis PropertyjQWidgets jqxGrid enableanimations PropertyjQWidgets jqxGrid enablehover PropertyjQWidgets jqxGrid enablebrowserselection PropertyjQWidgets jqxGrid everpresentrowposition PropertyjQWidgets jqxGrid everpresentrowheight PropertyjQWidgets jqxGrid filterable PropertyjQWidgets jqxGrid filterrowheight PropertyjQWidgets jqxGrid groups PropertyjQWidgets jqxGrid groupsheaderheight Property jQWidgets jqxGrid groupindentwidth Property jQWidgets jqxGrid groupable PropertyjQWidgets jqxGrid groupsexpandedbydefault PropertyjQWidgets jqxGrid height PropertyjQWidgets jqxGrid horizontalscrollbarlargestep PropertyjQWidgets jqxGrid horizontalscrollbarstep PropertyjQWidgets jqxGrid keyboardnavigation PropertyjQWidgets jqxGrid pagerheight PropertyjQWidgets jqxGrid pagesize PropertyjQWidgets jqxGrid pagermode PropertyjQWidgets jqxGrid pageable PropertyjQWidgets jqxGrid pagesizeoptions PropertyjQWidgets jqxGrid pagerbuttonscount Property jQWidgets jqxGrid rtl Property jQWidgets jqxGrid rowsheight Property jQWidgets jqxGrid sorttogglestates PropertyjQWidgets jqxGrid scrollmode PropertyjQWidgets jqxGrid scrollbarsize PropertyjQWidgets jqxGrid selectedrowindexes PropertyjQWidgets jqxGrid showgroupsheader PropertyjQWidgets jqxGrid showfilterbar Property jQWidgets jqxGrid sortable Property jQWidgets jqxGrid sortmode PropertyjQWidgets jqxGrid showstatusbar PropertyjQWidgets jqxGrid showheader Property jQWidgets jqxGrid showtoolbar Property jQWidgets jqxGrid showeverpresentrow PropertyjQWidgets jqxGrid showrowdetailscolumn PropertyjQWidgets jqxGrid showgroupmenuitems PropertyjQWidgets jqxGrid showgroupaggregates PropertyjQWidgets jqxGrid showemptyrow PropertyjQWidgets jqxGrid statusbarheight PropertyjQWidgets jqxGrid toolbarheight PropertyjQWidgets jqxGrid updatedelay PropertyjQWidgets jqxGrid width PropertyjQWidgets jqxGrid verticalscrollbarlargestep Property Events: jQWidgets jqxGrid bindingcomplete EventjQWidgets jqxGrid cellselect EventjQWidgets jqxGrid cellendedit EventjQWidgets jqxGrid cellbeginedit EventjQWidgets jqxGrid cellvaluechanged EventjQWidgets jqxGrid cellunselect EventjQWidgets jqxGrid cellclick Event jQWidgets jqxGrid columnresized Event jQWidgets jqxGrid columnreordered Event jQWidgets jqxGrid columnclick EventjQWidgets jqxGrid celldoubleclick EventjQWidgets jqxGrid filter EventjQWidgets jqxGrid groupschanged EventjQWidgets jqxGrid groupexpand EventjQWidgets jqxGrid groupcollapse EventjQWidgets jqxGrid pagechanged EventjQWidgets jqxGrid pagesizechanged EventjQWidgets jqxGrid rowcollapse EventjQWidgets jqxGrid rowexpand EventjQWidgets jqxGrid rowselect Event jQWidgets jqxGrid rowclick Event jQWidgets jqxGrid rowunselect EventjQWidgets jqxGrid rowdoubleclick EventjQWidgets jqxGrid sort Event Methods: jQWidgets jqxGrid addgroup() MethodjQWidgets jqxGrid autoresizecolumn() MethodjQWidgets jqxGrid beginupdate() MethodjQWidgets jqxGrid beginrowedit() MethodjQWidgets jqxGrid begincelledit() MethodjQWidgets jqxGrid collapseallgroups() MethodjQWidgets jqxGrid cleargroups() MethodjQWidgets jqxGrid clear() MethodjQWidgets jqxGrid closemenu() MethodjQWidgets jqxGrid clearselection() MethodjQWidgets jqxGrid collapsegroup() Method jQWidgets jqxGrid expandgroup() Method jQWidgets jqxGrid expandallgroups() MethodjQWidgets jqxGrid ensurerowvisible() MethodjQWidgets jqxGrid endrowedit() MethodjQWidgets jqxGrid endupdate() MethodjQWidgets jqxGrid endcelledit() MethodjQWidgets jqxGrid focus() MethodjQWidgets jqxGrid hiderowdetails() MethodjQWidgets jqxGrid getrowboundindexbyid() MethodjQWidgets jqxGrid getrowboundindex() MethodjQWidgets jqxGrid getboundrows() MethodjQWidgets jqxGrid getcolumnproperty() MethodjQWidgets jqxGrid getcolumn() MethodjQWidgets jqxGrid getcolumnindex() MethodjQWidgets jqxGrid getsortcolumn() MethodjQWidgets jqxGrid gotoprevpage() MethodjQWidgets jqxGrid gotopage() MethodjQWidgets jqxGrid getgroup() MethodjQWidgets jqxGrid getrootgroupscount() MethodjQWidgets jqxGrid getpaginginformation() MethodjQWidgets jqxGrid getcelltextbyid() MethodjQWidgets jqxGrid getselectedcells() MethodjQWidgets jqxGrid getselectedcell() MethodjQWidgets jqxGrid getcellvaluebyid() MethodjQWidgets jqxGrid getcellvalue() MethodjQWidgets jqxGrid getselectedrowindex() MethodjQWidgets jqxGrid getcell() MethodjQWidgets jqxGrid getrowdatabyid() methodjQWidgets jqxGrid getdatainformation() MethodjQWidgets jqxGrid gotonextpage() methodjQWidgets jqxGrid getcellatposition() MethodjQWidgets jqxGrid getcelltext() MethodjQWidgets jqxGrid getrowdata() MethodjQWidgets jqxGrid getrowid() MethodjQWidgets jqxGrid getrows() MethodjQWidgets jqxGrid getdisplayrows() MethodjQWidgets jqxGrid getsortinformation() MethodjQWidgets jqxGrid hidecolumn() MethodjQWidgets jqxGrid iscolumngroupable() MethodjQWidgets jqxGrid hideloadelement() MethodjQWidgets jqxGrid insertgroup() Method jQWidgets jqxGrid iscolumnpinned() MethodjQWidgets jqxGrid isBindingCompleted() MethodjQWidgets jqxGrid iscolumnvisible() MethodjQWidgets jqxGrid openmenu() MethodjQWidgets jqxGrid pincolumn() MethodjQWidgets jqxGrid render() MethodjQWidgets jqxGrid refreshdata() MethodjQWidgets jqxGrid sortby() MethodjQWidgets jqxGrid setcellvalue() Method jQWidgets jqxGrid selectcell() Method jQWidgets jqxGrid setcolumnindex() MethodjQWidgets jqxGrid showfilterrow PropertyjQWidgets jqxGrid scrollposition() MethodjQWidgets jqxGrid scrolloffset() MethodjQWidgets jqxGrid selectrow() MethodjQWidgets jqxGrid setcellvaluebyid() MethodjQWidgets jqxGrid selectallrows() MethodjQWidgets jqxGrid showrowdetails() MethodjQWidgets jqxGrid showloadelement() MethodjQWidgets jqxGrid showvalidationpopup() MethodjQWidgets jqxGrid showcolumn() MethodjQWidgets jqxGrid refresh() MethodjQWidgets jqxGrid removegroupat() MethodjQWidgets jqxGrid removesort() MethodjQWidgets jqxGrid removegroup() MethodjQWidgets jqxGrid updating() MethodjQWidgets jqxGrid unpincolumn() MethodjQWidgets jqxGrid unselectrow() MethodjQWidgets jqxGrid unselectcell() Method Comment More infoAdvertise with us V vibhanshupandeygfg Follow Improve Article Tags : Web Technologies JQuery jQuery-jQWidgets jQWidgets-jqxGrid Similar Reads jQuery Tutorial jQuery is a lightweight JavaScript library that simplifies the HTML DOM manipulating, event handling, and creating dynamic web experiences. The main purpose of jQuery is to simplify the usage of JavaScript on websites. jQuery achieves this by providing concise, single-line methods for complex JavaSc 8 min read Getting Started with jQuery jQuery is a fast lightweight, and feature-rich JavaScript library that simplifies many common tasks in web development. It was created by John Resign and first released in 2006. It makes it easier to manipulate HTML documents, handle events, create animations, and interact with DOM(Document Object M 4 min read jQuery Introduction jQuery is an open-source JavaScript library that simplifies the interactions between an HTML/CSS document, or more precisely the Document Object Model (DOM). jQuery simplifies HTML document traversing and manipulation, browser event handling, DOM animations, Ajax interactions, and cross-browser Java 7 min read jQuery Syntax The jQuery syntax is essential for leveraging its full potential in your web projects. It is used to select elements in HTML and perform actions on those elements.jQuery Syntax$(selector).action()Where - $ - It the the shorthand for jQuery function.(selector) - It defines the HTML element that you w 2 min read jQuery CDN A Content Delivery Network (CDN) is a system of distributed servers that deliver web content to users based on their geographic location. Including the jQuery CDN in your project can improve the performance, enhance reliability, and simplify maintenance.What is a jQuery CDN?A jQuery CDN is a service 4 min read jQuery SelectorsJQuery SelectorsWhat is a jQuery Selector?jQuery selectors are functions that allow you to target and select HTML elements in the DOM based on element names, IDs, classes, attributes, and more, facilitating manipulation and interaction. Syntax: $(" ")Note: jQuery selector starts with the dollar sign $, and you encl 5 min read jQuery * SelectorThe jQuery * selector selects all the elements in the document, including HTML, body, and head. If the * selector is used together with another element then it selects all child elements within the element used. Syntax: $("*")Parameters: *: This parameter is used to select all elements.Example 1: Se 1 min read jQuery #id SelectorjQuery is an open-source JavaScript library that simplifies the interactions between an HTML/CSS document, or more precisely the Document Object Model (DOM), and JavaScript. Elaborating on the terms, it simplifies HTML document traversing and manipulation, browser event handling, DOM animations, Aja 1 min read jQuery .class SelectorThe jQuery .class selector specifies the class for an element to be selected. It should not begin with a number. It gives styling to several HTML elements. Syntax: $(".class") Parameter: class: This parameter is required to specify the class of the elements to be selected.Example 1: In this example, 1 min read jQuery EventsjQuery EventsjQuery events are actions or occurrences that happen on a web page, such as clicks, hover, or keypress. jQuery provides methods to handle and respond to these events with ease. jQuery events are used to create dynamic web pages. Syntax: $(selector).method(function)Here We will explore some basic eve 4 min read jQuery bind() MethodThe jQuery bind() method is used to attach one or more event handlers for selected elements. This method specifies a function to run when an event occurs. Syntax$(selector).bind(event, data, function);ParametersIt accepts three parameters that are described below: event: This is an event type that 2 min read jQuery blur() MethodjQuery blur() is an inbuilt method that is used to remove focus from the selected element. This method starts the blur event or it can be attached a function to run when a blur event occurs. Syntax:$(selector).blur(function)Parameters: It accepts an optional parameter "function". jQuery examples t 1 min read jQuery change() MethodThe jQuery change() method is used to detect changes in the value of form elements like <input>, <select>, or <textarea>. It triggers a specified function when a user modifies the input or selects a different option.Syntax$(selector).change(function)Parameters : It accepts an optio 2 min read jQuery EffectsjQuery animate() MethodThe animate() method is an inbuilt method in jQuery which is used to change the state of the element with CSS style. This method can also be used to change the CSS property to create the animated effect for the selected element. Syntax: (selector).animate({styles}, para1, para2, para3); Here "select 2 min read jQuery clearQueue() MethodThe jQuery clearQueue() method removes all items from the queue that have not yet been run. Note that when a function has started to run, it runs until it is completed. Syntax: $(selector).clearQueue(name); Here "selector" is the selected element. Parameter: It accepts a parameter "name" which is th 2 min read jQuery delay() MethodjQuery delay() method is an inbuilt that is used to set a timer to delay the execution of the next item in the queue. Syntax:$(selector).delay(para1, para2);Parameter: It accepts two parameters which are specified below: para1: It specifies the speed of the delay.para2: It is optional and specifies 2 min read jQuery HTML/CSSjQuery addClass() MethodThe addClass() method is an inbuilt method in jQuery that is used to add more properties to each selected element. It can also be used to change the property of the selected element. This method can be used in two different ways: 1) By adding a Class name directly: Here, the Class name can be used d 2 min read jQuery after() MethodThe after() method is an inbuilt function in jQuery which is used to insert content, specified by the parameter for each selected element in the set of matched elements. Syntax: $(selector).after(A);Parameter: It accepts a parameter "A" which is either a content or function passed to the method. Ret 1 min read jQuery append() MethodThe append() method in jQuery is used to insert some content at the end of the selected elements. Syntax: $(selector).append( content, function(index, html) ) Parameters: This method accepts two parameters as mentioned above and described below: content: It is a required parameter and is used to spe 2 min read jQuery TraversingjQuery | TraversingIn jQuery, traversing means moving through or over the HTML elements to find, filter or select a particular or entire element. Based on the traversing purposes following methods are Categorized as follows: Tree Traversing: Ancestors: parent() it gives parent element of specified selector Syntax: $(s 4 min read jQuery add() methodThe jQuery add() method is used to add elements to the existing group of elements. This method can add element to the whole document, or just inside the context element if the context parameter is defined. Syntax: $(selector).add(element, context_parameter) Here selector helps to find the matching e 1 min read jQuery addBack() MethodThe addBack() is an inbuilt method in jQuery that adds the previous set of elements to the current set. This method adds previous DOM tree elements to the current set and maintains them in the internal stack which will take care of changes to the matched set of elements. Syntax: .addBack(selector) P 2 min read Like