首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> .NET 網頁程式設計 >> 關於.NET

DevExpress GridControl 多行表頭( BandedGridView ) 實戰配置

     編輯:關於.NET

效果預覽

實現類似 Excel 凍結標題的多層表頭:頂層分組標題(如「基本信息」「聯系方式」),下層具體列標題。

多行表頭效果圖

實現步驟

  1. 轉換視圖:設計器中右鍵 GridControl → Convert to BandedGridView
  2. 添加 Bands:打開 BandedGridView 設計器 → Bands 頁籤 → 添加多個 Band(對應頂層分組)
  3. 佈局拖拽:將 Band 拖拽調整順序/寬度;再將已綁定字段的列拖入對應 Band 內(形成二層結構)
  4. 列與 Band 關聯:選中列 → 屬性 OwnerBand 指向所屬 Band,或直接在設計器拖拽列到 Band 區域

Bands設計器佈局

進階調整

跨列標題居中


band.AppearanceHeader.TextOptions.HAlignment = DevExpress.Utils.HorzAlignment.Center;

標題居中設置

拖拽視覺提示

拖動 Band 時出現的箭頭指示插入位置,注意觀察避免誤放。

拖拽箭頭提示

關鍵點總結

  • 必須使用 BandedGridView,普通 GridView 不支持多行表頭
  • Band 僅為視覺分組,不影響數據綁定邏輯
  • 設計器拖拽即可完成 90% 佈局,代碼僅需微調樣式
  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved