how do i pass multiple query string in hiearchial grid?

Question

So what i want to know is in the below code example i want this level3 child to have 2-3 query string matching to its parent how can i do it

  const level3 = {
    dataSource: shipmentData,
    queryString: "OrderID",
    load() {
      const key = "OrderID";
      this.parentDetails.parentKeyFieldValue =
        this.parentDetails.parentRowData[key];
    },
    childGrid: level4,
    columns: [
      { field: "ShipmentID", headerText: "Shipment ID", width: 130 },
      { field: "Carrier", headerText: "Carrier", width: 100 },
      { field: "Status", headerText: "Status", width: 120 },
    ],
  };

Dineshnarasimman Muthu · Answer

Hi,Greetings
from Syncfusion Support.In
the EJ2 Syncfusion Grid, the queryString property of the childGrid only
accepts a single string value. It does not support multiple strings or
an array of strings. This behavior is by design with hierarchical
(master-detail) grids.As
an alternative, you can consider using the detailTemplate feature, which
allows you to customize the detail row and implement any custom logic
for rendering data. This approach offers greater flexibility, such as using
custom components (like grid) within the detail row.Documentation:
https://ej2.syncfusion.com/react/documentation/grid/row/detail-template#rendering-custom-component

We have also attached the limitation of the detailTemplate for your reference.
Limitations: https://ej2.syncfusion.com/react/documentation/grid/row/detail-template#limitationsRegards,Dineshnarasimman
M