From f93f440e18bac9918ff481e1a1a788e8ba6085fe Mon Sep 17 00:00:00 2001
From: zhixin <wenzhixin2010@gmail.com>
Date: Sun, 29 Mar 2026 18:24:15 +0800
Subject: [PATCH 1/2] Fix: detail view formatter to display column titles
 instead of field names

---
 options/detail-view.html | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/options/detail-view.html b/options/detail-view.html
index f1289056..17986ef9 100644
--- a/options/detail-view.html
+++ b/options/detail-view.html
@@ -36,9 +36,15 @@
 <script>
   window.detailFormatter = (index, row) => {
     const html = []
+    const columns = $('#table').bootstrapTable('getOptions').columns
+    const getTitle = key => {
+      const column = columns[0].find(column => column.field === key)
+
+      return column ? column.title : key
+    }
 
     for (const [key, value] of Object.entries(row)) {
-      html.push(`<p><b>${key}:</b> ${value}</p>`)
+      html.push(`<p><b>${getTitle(key)}:</b> ${value}</p>`)
     }
     return html.join('')
   }

From fe9e23af8217a52c4111c773e22da8236b284c43 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sun, 29 Mar 2026 10:31:23 +0000
Subject: [PATCH 2/2] 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>
---
 options/detail-view.html | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/options/detail-view.html b/options/detail-view.html
index 17986ef9..2ea15730 100644
--- a/options/detail-view.html
+++ b/options/detail-view.html
@@ -38,9 +38,14 @@
     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)) {