Fix: flatten all columns rows in getTitle to support grouped/multi-row headers

Agent-Logs-Url: https://github.com/wenzhixin/bootstrap-table-examples/sessions/47f4432b-1a07-4e6f-9f08-c89c94fc6a99

Co-authored-by: wenzhixin <2117018+wenzhixin@users.noreply.github.com>

Author: Copilot

options/detail-view.html

@@ -38,9 +38,15 @@
     const html = []
     const columns = $('#table').bootstrapTable('getOptions').columns
     const getTitle = key => {
-      const column = columns[0].find(column => column.field === key)
+      if (!Array.isArray(columns) || columns.length === 0) {
+        return key
+      }
 
-      return column ? column.title : key
+      const flatColumns = columns.flatMap(row => (Array.isArray(row) ? row : []))
+
+      const column = flatColumns.find(col => col && col.field === key)
+
+      return column && column.title ? column.title : key
     }
 
     for (const [key, value] of Object.entries(row)) {