detail Option

Type: wijmo.grid.IDetailSettings

Determines the detail grid settings in a hierarchy grid, which is used as a template for populating detail grids in a hierarchical grid.

Syntax

Javascript (Usage)
Javascript (Specification)

$(function () {
    
    // Get value
    var returnsValue; // Type:  wijmo.grid.IDetailSettings
    returnsValue = $(".selector").wijgrid("option", "detail");
    
    // Set value
    var newValue; // Type:  wijmo.grid.IDetailSettings
    $(".selector").wijgrid("option", "detail", newValue);
        
});

var detail : IDetailSettings;

Example

Javascript

$("#element").wijgrid({
   data: customers,
   detail: {
      data: orders,
      relation: [
         { masterDataKey: "ID", detailDataKey: "CUST_ID" }
      ]
   }
});

Remarks

Limitations: The following datasources are supported (can be used as a detail.data option): arrays, ArrayDataView, AjaxDataView, ODataView, BreezeDataView. It is not possible to use columns grouping and master-detail hierarchy simultaneously. It is not possible to use virtual scrolling and master-detail hierarchy simultaneously. In a detail grid the filtering ability is disabled for columns which are bounded to detailDataKey fields.

Reference

options type
wijgrid jQuery Widget