Interface MasterDetailOptionsIf<T>

Master/detail: a master row can be expanded; below it a detail row over the full width of the table (fixed columns included) shows any content – a nested GuiExpert table, a form, a chart, a framework component. Works with virtual scrolling and millions of rows: the content is created when the detail row becomes visible and lives until it is collapsed (scrolling only hides and shows it). Only for flat body models (not for trees, row groups and pivot tables).

Fields you leave out keep their default (MasterDetailOptions).

Example

const tableOptions: TableOptionsIf = {
  ...new TableOptions(),
  masterDetail: {
    detailHeight: 180,
    detailRenderer: (_container, order: Order, ctx) => {
      ctx.createTable({
        tableModel: TableFactory.createTableModel({ rows: order.items, properties: ["sku", "name", "qty", "price"] })
      });
    }
  }
};
Copy

See

Training: Master/detail

Since

1.1.97