jquery - Moving summary footer to grouping header -


is there other way have summary @ grouping header other using groupsummarypos:['header'] ? using jqgrid v4.6.0 , unfortunately cannot upgrade higher version.

i have table implemented using jqgrid in project. gridoptions similar 1 mentioned in previous question here can see plunkr, demo works fine , can show summary on header. however, when moved code project, summary shows on footer. difference between project , plunkr code in project, using reusable component initialize jqgrid. have debugged code see if groupsummarypos = ['header'] being overridden somewhere in project reusable component, gives me no luck.

so, have decided go workaround. tried 'hack-move' moving summary footer dom element grouping header, after grid_complete event, using 

var footercontent = jquery('.jqfooter').children; jquery('.jqgroup')[0].children[0].removeattribute('colspan'); jquery('.jqgroup')[0].appendchild(footercontent[0]); // till columns

however, doesn't work because appendchild move each column in random order (i'm not sure why).. in summary, have tried use proper way, specifying groupsummarypos: ['header'] in coloptions, , 'really bad' hack way, it's not working too.

is there possible way move summary footer group header without using groupsummarypos?

i think should locale part of code change groupsummarypos option. 'hack-move' solution seems me wrong way.

you can try reset groupsummarypos 'header' inside of oninitgrid callback first attempt. should verify additionally gridview: true set , nobody modify it.

the groupsummarypos option used inside of groupingrender method whith called inside of addjsondata. can use beforeprocessing callback (if loads data server) or beforerequest. so, if resetting of groupsummarypos 'header' inside of oninitgrid not work can inside of beforerequest or inside of beforeprocessing.


Comments

Post a Comment

Popular posts from this blog

javascript - AngularJS custom datepicker directive -

i make custom datepicker directive custom template. but have no idea how start building it... how include date data directive? i appreciate guide or give me advice work on more precisely. it might you! follow below steps html code sample: <label>birth date</label> <input type="text" ng-model="birthdate" date-options="dateoptions" custom-datepicker/> <hr/> <pre>birthdate = {{birthdate}}</pre> <script type="text/ng-template" id="custom-datepicker.html"> <div class="enhanced-datepicker"> <div class="proxied-field-wrap"> <input type="text" ui-date-format="yy-mm-dd" ng-model="ngmodel" ui-date="dateoptions"/> </div> <label> <button class="btn" type="button"><i class="icon-calendar"></i>
Read more

javascript - jQuery date picker - Disable dates after the selection from the first date picker -

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jquery ui datepicker - default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css"> <script> $(function () { $("#datepicker1").datepicker(); }); </script> <script> $(function () { $("#datepicker2").datepicker(); }); </script> </head> <body> <p>date 1: <input type="text" id="datepicker1"></p> <p>date 2: <input type="t
Read more