使用 Vue.js Grid Drill-Down 顯示詳細內容
讓用戶直接從高階的格線檢視中探索相關紀錄並瀏覽資料層級結構。
Vue.js 格線中的鑽取支援允許用戶透過展開列或選擇紀錄，從總覽切換至更詳細的資訊，以顯示相關資料。開發者可以利用這些互動，將客戶與訂單、產品類別與個別項目，或摘要數字與支援紀錄連結起來。按需顯示詳細內容可保持初始格線的易管理性，同時讓用戶取得調查特定項目所需的資訊。
多種格線產品支援 Vue.js 應用中的鑽取互動，包括：
- DevExtreme Vue Data Grid（由 DevExpress 提供）透過可配置的詳細範本，讓您展開主列，在巢狀格線中顯示相關紀錄。
- Wijmo Vue DataGrid (FlexGrid)（由 MESCIUS 提供）允許您建立可展開的詳細列以顯示相關資訊，包括用於階層式瀏覽的巢狀格線。
- SmartClient（由 Isomorphic Software 提供）透過 CubeGrid 促進多維資料集的鑽取，讓您能新增維度並探索越來越詳細的資料檢視。
- ZingGrid 透過列點擊或滑鼠懸停事件啟用鑽取互動，從高階格線資料中揭露更詳細的資訊。
欲深入分析功能與價格，請造訪我們的 Vue.js Grid Controls 比較頁面。