I would recommend you to set “max-height” property on the bdiv of jqGrid and use height:’100%’ or height:’auto’: $(“#list”).parents(‘div.ui-jqgrid-bdiv’).css(“max-height”,”300px”); The “max-height” property will be not used by IE6, but more recent web browsers will use it. UPDATED: Free jqGrid introduce in version 4.10.0 new property: maxHeight which do exactly the same as above. Thus one … Read more
You can use delRowData method do delete any local row. You can do use delGridRow from the form editing if you need it. I described the way here and used for formatter:’actions’ (see here, here and originally here). var grid = $(“#list”), myDelOptions = { // because I use “local” data I don’t want to … Read more
There are many context menu plugins. One from there you will find in the plugins subdirectory of the jqGrid source. To use it you can for example define your context menu with for example the following HTML markup: <div class=”contextMenu” id=”myMenu1″ style=”display:none”> <ul style=”width: 200px”> <li id=”add”> <span class=”ui-icon ui-icon-plus” style=”float:left”></span> <span style=”font-size:11px; font-family:Verdana”>Add Row</span> … Read more
If I understand you correct you want to place in the footer getCol and footerData methods: var grid = $(“#list”), sum = grid.jqGrid(‘getCol’, ‘amount’, false, ‘sum’); grid.jqGrid(‘footerData’,’set’, {ID: ‘Total:’, amount: sum}); The getCol can be used to calculate the sum of all numbers from the ‘amount’ column and with respect of footerData you can place … Read more
jqGrid builds some additional divs over the main grid table. The outer div has the class ui-jqgrid. So if you need to remove right and left border existing over the whole grid you can use the following CSS: .ui-jqgrid { border-right-width: 0px; border-left-width: 0px; } If you need to remove all grid’s borders you can … Read more
I personally find the question very good. I make many suggestions how to improve the algorithm of calculation of the grid width. Twice I included the behavior like you want in my suggestions, but Tony (the developer of jqGrid) removed the part of the changes. To implement your requirements in the current version of jqGrid … Read more
It is an interesting feature of Excel about which you wrote in your question. I haven’t known about this before. What you need is to implement a custom formater function. In general is is very easy. You should write a small function which display the cell contain based on the value (text over the color … Read more
Look at demo http://trirand.com/blog/jqgrid/jqgrid.html and choose on the left tree “New in Version 3.5” and then “Summary Footer Row“. In the example one set footerrow : true, userDataOnFooter : true option of the jqGrid. Then server add userdata block to the data sent back to jqGrid. You can read about userdata in http://www.trirand.com/jqgridwiki/doku.php?id=wiki:retrieving_data. If userdata … Read more
There are some misunderstandings. If you use datatype: local then you have to fill jqGrid yourself with methods like addRowData or set the data in once with data parameter (for jqGrid version 3.7 and higher). So the usage of datatype: local follows to jqGrid don’t load any data itself and your datatype: processrequest parameter will … Read more
You can use rowattr to assign any additional attribute to <tr> elements (see the answer and this one for code examples). For example you can use rowattr: function (rd) { return {“data-mydata”: JSON.stringify(rd)}; } to save full input row data as data-mydata attribute. I recommend you to use rowattr“in combination withgridview: true` option to have … Read more