使用 TreeList 視圖顯示階層式資料
TreeLists 以可展開的格式呈現階層式資料，並內建排序、篩選與編輯功能，讓顯示與管理更輕鬆。
2025年7月25日功能重點
UI 套件中的 TreeList 是專用元件，旨在以表格格式顯示階層式、可自我參照的資料，並支援可展開與可收合的列。它們結合樹狀檢視的結構與資料格（data grid）的功能，提供內建功能，例如排序、篩選、編輯和分頁。這使它們非常適合用於需要清楚呈現複雜關係的情境，例如組織架構圖、專案任務結構、檔案目錄或產品類別。其直覺的版面與強大的資料管理能力有助於精簡工作流程，並提升企業與商務應用中的使用者體驗。
多個 jQuery UI 套件都包含 treelist 控制項，例如：
- jQWidgets 可讓你以網格方式整理階層式資料，並具備內建排序、篩選與編輯功能，帶來順暢的互動與控制。
- Infragistics Professional 能讓你在可展開的列中顯示結構化、可自我參照的資料，並完整支援編輯、分頁與響應式版面。
- Kendo UI by Telerik 讓你能以直覺的展開/收合功能呈現階層式的表格資料，並提供豐富的互動性以及彈性的資料管理工具。
- DevExtreme Complete by DevExpress 透過進階網格功能（例如內嵌式編輯、篩選與虛擬捲動）方便互動式顯示樹狀結構資料。
如需更深入了解功能與價格，請造訪我們的 jQuery UI Suites 比較頁面。