JQGrid – How Can We make an Custom Row Detail

by

On the page Custom Row Detail you can see how you can use subGridRowExpanded event handle to show custom HTML data as subgrid data. In general if you have any standard jqGrid you can implement the same very easy. You should just add subGrid: true to the grid and define subGridRowExpanded which append html to the subgrid:

subGridRowExpanded: function(subgrid_id, row_id) {
    var html = "<span>Some HTML text which corresponds the row with id="+
               row_id + "</span><br/>";
    $("#" + subgrid_id).append(html);
}

You can see this live here:

More Related Contents:

  1. Hide expand/collapse symbol or deactivate spec. rows in jqGrid subgrid
  2. jqGrid Subgrid with “local” Data
  3. Adding a CSS class to a column
  4. jqgrid: how to set toolbar options based on column value in row selected
  5. Jqgrid: navigation based on the selected row
  6. Adding new row to jqGrid using modal form on client only
  7. Get all rows not filtered from jqGrid
  8. JqGrid with autocompletion cant parse data from controller to view
  9. Add toolbar in the bottom of the header using jqgrid
  10. Custom jQGrid post action
  11. jqgrid: How to set cell specific css class at generation time
  12. postData not passing any parameters!
  13. How to get a jqGrid cell value when editing
  14. Jqgrid Tree View Adjacencey
  15. jqgrid dynamic columns and data by json [duplicate]
  16. jqGrid Not Loading Data
  17. jqGrid implementing of custom cell: integration of raty-plugin
  18. jqGrid need a field editable on Add dialog but not Edit dialog
  19. Load local JSON data in jQgrid without AddJsonRows
  20. Mapping JSON data in JQGrid
  21. highlight error cell or input when validation fails in jqgrid
  22. jqgrid nested subgrid 4th level subgrid always returns first rowid of the subgrid
  23. jqGrid – format ratio field as percent value
  24. Is it possible to modify the colModel after data has loaded with jqgrid?
  25. Add multiple input elements in a custom edit type field
  26. Filtering jqGrid datetime columns using date picker just on date
  27. jqgrid change cell value and stay in edit mode
  28. jqGrid Pager Area – Using Font Awesome Icons
  29. jqGrid DatePicker filtering without hitting Enter key
  30. Setting data attribute on each row of a jqgrid table

Leave a Comment