How do I add headers for subrow which is not same as parent headers?

[rmshmaudlin]

I want to show parent data with headers and if I expand I want to show subrow data with headers and so on.. Is it possible?
In short brief I want nested table

const data =[
  {
    firstName: 'Dylan',
    lastName: 'Murray',
    address: '261 Erdman Ford',
    city: 'East Daphne',
    state: 'Kentucky',
    subRows: [
      {
        header1: 'Ervin',
        header2: 'Reinger',
        header3: '566 Brakus Inlet',
        header4: 'South Linda',
        header5: 'West Virginia',
        subRows: [
          {
            header6: 'Jordane',
            header7: 'Homenick',
            header8: '1234 Brakus Inlet',
            header9: 'South Linda',
            header10: 'West Virginia',
          }
      } ]
    }]
          

[rmshmaudlin]

renderDetailPanel done the job