Multiple grouped columns

[dasbrow]

I would like to have multi groups of columns in how table. I've tried the following and it is not working.

You can see some of my notes with in the code, but I would like something like the following:

Group one
-Id of user
-Name

Group 2
-Details of appointment
-Time and date

Group 3
-Other notes
-Assigned to ID.

columns: [ [ { title: 'Select', field: 'state', checkbox: true, rowspan: 2, align: 'center', valign: 'middle', width: '15' }, { title: 'ID', field: 'id', rowspan: 2, align: 'center', valign: 'middle', sortable: true, width: 25, // footerFormatter: totalTextFormatter }, { // Group 1 title: 'Details', colspan: 3, align: 'center' }, { // Group 2 - this will does not work and the table will not render. title: 'Other Details', colspan: 3, align: 'center' }, ], [ // These show under Details as a group. { field: 'date', title: 'Appt Date', sortable: true, align: 'center', }, { field: 'start_time', title: 'Appt Time', sortable: true, align: 'center' }, { field: 'type', title: 'Comm. Type', align: 'center', clickToSelect: false, events: window.operateEvents, }, ], [ { title: 'Notifications1', align: 'center' }, { title: 'Notifications1', align: 'center' }, { title: 'Notifications1', align: 'center' }, ] ]

[smillove]

这是一封自动回复邮件。已经收到您的来信，我会尽快回复。

[dasbrow]

Think I solved it. I will drop an example once and close it once I have it refined.