Resize jqGrid when browser is resized?

by

Been using this in production for some time now without any complaints (May take some tweaking to look right on your site.. for instance, subtracting the width of a sidebar, etc)

$(window).bind('resize', function() {
    $("#jqgrid").setGridWidth($(window).width());
}).trigger('resize');

More Related Contents:

  1. jqgrid server side error message/validation handling
  2. How to resize images proportionally / keeping the aspect ratio?
  3. How to wait for the ‘end’ of ‘resize’ event and only then perform an action?
  4. jqgrid incorrect select drop down option values in edit box
  5. Cross-browser window resize event – JavaScript / jQuery
  6. jqGrid does not render correctly in Chrome/Chrome Frame
  7. How to replace remapColums with remapColumnsByName in free jqgrid
  8. jqGrid add new column
  9. jQGrid, how to make a column editable in the add dialog but not during (inline) edits
  10. jQuery jqGrid Show message when an edit row is complete
  11. jQGrid Column Chooser Modal Overlay
  12. jqGrid access cell data while it is being edited
  13. window.resize event firing in Internet Explorer
  14. JQGrid Custom Sorting
  15. How can I preserve the search filters in jqGrid on page reload?
  16. Is there a full working example for a jqGrid ColumnChooser? [closed]
  17. Is JQGrid free?
  18. Customizing the Add/Edit Dialog in jqGrid
  19. Enabling Save button on JQ Grid with InlineEditing and CellEdit
  20. Sorting of jqGrid (v4.1.2) treegrid not working with Ajacency Model
  21. Google chart redraw/scale on window resize
  22. How to show all rows in the jqGrid?
  23. JQGrid: Resize Grid Width After Column Resized
  24. jQuery AJAX cross domain
  25. Detect browser or tab closing
  26. Why define an anonymous function and pass it jQuery as the argument?
  27. Why can’t I use onClick to execute a function inside a jQuery $(document).ready function?
  28. How do I save/export an SVG file after creating an SVG with D3.js (IE, safari and chrome)?
  29. minimise the code since I am using the same code only the content in p tags changes and component AccordionHeader header changes
  30. let user scrolling stop jquery animation of scrolltop?

Leave a Comment