C# DevExpress GridControl中BandedGridView表格使用

 1.設計器方式創建

    1.點擊“Change view”>>然后在選中“Convert to”選項>>最后選中點擊“BandedGridView”。

     具體操作如下圖所示：

    

    2.點擊上圖的“Run Designer”設計視圖按鈕后，我們先去添加列，選中“Columns”列。

    具體操作如下圖所示：

       

     

    3.點擊“Grid Designer Bands”設計視圖中的“Bands”給列加一個大列把上面我們添加列分配到具體的大列中

     具體操作如下圖所示：

     

     

    4.設計和運行效果展示：

       

 2.代碼創建

    1.具體實現代碼如下：

        //引用：using DevExpress.XtraGrid.Views.BandedGrid;
        private GridBand gridBand1;
        private GridBand gridBand2;
        
        //創建復合表頭 分別添加了“基本信息”和“學校信息”這兩個復合表頭
        private void CreateGridBand()
        {
            gridBand1 = new GridBand();//實例化“GridBand”
            gridBand1.AppearanceHeader.Options.UseTextOptions = true;//允許更改列的“外觀”
            gridBand1.AppearanceHeader.TextOptions.HAlignment = DevExpress.Utils.HorzAlignment.Center;//讓列居中顯示
            gridBand1.Caption = "基本信息";//列的顯示名稱
            gridBand1.Name = "gridBand1";//列名稱
            gridBand1.OptionsBand.FixedWidth = true;//固定列的寬度
            gridBand1.VisibleIndex = 0;//下標
            gridBand1.Width = 112;//寬度
            this.bandedGridView1.Bands.Add(gridBand1);//把創建好的“GridBand”點擊到視圖中

            gridBand2 = new GridBand();
            gridBand2.AppearanceHeader.Options.UseTextOptions = true;
            gridBand2.AppearanceHeader.TextOptions.HAlignment = DevExpress.Utils.HorzAlignment.Center;
            gridBand2.Caption = "學校信息";
            gridBand2.Name = "gridBand2";
            gridBand2.OptionsBand.FixedWidth = true;
            gridBand2.VisibleIndex = 1;
            gridBand2.Width = 93;
            this.bandedGridView1.Bands.Add(gridBand2);
        }

        //創建列並把列分配到指定的“基本信息”和“學校信息”這兩個復合表頭下
        private void CreateColumn()
        {
            /*
             * 先創建列，在設置列中的屬性是因為這樣才能控制列的寬度。
             * 如果實例化創建列並同時設置列的屬性，那么列中設置的寬度就不能正常顯示
             */
            #region 實例化並創建列
            BandedGridColumn name = new BandedGridColumn();
            this.bandedGridView1.Columns.Add(name);
            BandedGridColumn age = new BandedGridColumn();
            this.bandedGridView1.Columns.Add(age);
            BandedGridColumn gender = new BandedGridColumn();
            this.bandedGridView1.Columns.Add(gender);
            BandedGridColumn school = new BandedGridColumn();
            this.bandedGridView1.Columns.Add(school);
            BandedGridColumn classs = new BandedGridColumn();
            this.bandedGridView1.Columns.Add(classs);
            #endregion

            #region 設置列的屬性
            name.Caption = " 姓名";//顯示名稱
            name.FieldName = "name";//數據源名稱
            name.MinWidth = 50;//最小寬度
            name.Visible = true;//是否顯示
            name.OptionsColumn.AllowEdit = false;// 是否能編輯單元格 
            this.gridBand1.Columns.Add(name);//給指定的“GridBand”("基本信息")添加列

            age.Caption = "年齡";
            age.FieldName = "age";
            age.MinWidth = 45;
            age.Visible = true;
            this.gridBand1.Columns.Add(age);

            gender.Caption = "性別";
            gender.FieldName = "gender";
            gender.MinWidth = 45;
            gender.Visible = true;
            this.gridBand1.Columns.Add(gender);

            school.Caption = "學校";
            school.FieldName = "school";
            school.MinWidth = 100;
            school.Visible = true;
            this.gridBand2.Columns.Add(school);

            classs.Caption = "班級";
            classs.FieldName = "classs";
            classs.MinWidth = 80;
            classs.Visible = true;
            this.gridBand2.Columns.Add(classs);
            #endregion
        }

        //創建DataTable並賦值
        private void CreateData()
        {
            DataTable dt = new DataTable();
            dt.Columns.Add("name", Type.GetType("System.String"));
            dt.Columns.Add("age", Type.GetType("System.String"));
            dt.Columns.Add("gender", Type.GetType("System.String"));
            dt.Columns.Add("school", Type.GetType("System.String"));
            dt.Columns.Add("classs", Type.GetType("System.String"));
            DataRow row = dt.NewRow();
            row["name"] = "張三";
            row["age"] = "18";
            row["gender"] = "男";
            row["school"] = "理工大學";
            row["classs"] = "天才2021級";
            dt.Rows.InsertAt(row, 0);
            gridControl1.DataSource = dt;//表格獲取數據源
        }

    2.效果圖如下：

搜索

復制