flex 合并单元格

最新推荐文章于 2025-01-17 16:37:13 发布
最新推荐文章于 2025-01-17 16:37:13 发布
阅读量997 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： Flex Dreamweaver ColdFusion Flash XML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/iteye_14831/article/details/81732390
flex中对于合并单元格没有很好的解决方案,有的可能会用OLAPDataGrid来实现,不过感觉效果还不是很好,下面有个例子:

<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        creationComplete="creationCompleteHandler();">

    <mx:Script>
      <![CDATA[
        import mx.rpc.AsyncResponder;
        import mx.rpc.AsyncToken;
        import mx.olap.OLAPQuery;
        import mx.olap.OLAPSet;
        import mx.olap.IOLAPQuery;
        import mx.olap.IOLAPQueryAxis;
        import mx.olap.IOLAPCube;
        import mx.olap.OLAPResult;
        import mx.events.CubeEvent;
        import mx.controls.Alert;
        import mx.collections.ArrayCollection;


        //
        // Format of Objects in the ArrayCollection:
        //
        //  data:Object = {
        //    customer:"AAA", 
        //    product:"ColdFusion",
        //    quarter:"Q1"
        //    revenue: "100.00" 
        //  }
        //

        [Bindable]
        private var flatData:ArrayCollection = new ArrayCollection(
        [
         {customer:"AAA", product:"ColdFusion", quarter:"Q1", revenue:210, cost:25},
         {customer:"AAA", product:"Flex", quarter:"Q2", revenue:210, cost:25},
         {customer:"AAA", product:"Dreamweaver", quarter:"Q3", revenue:250, cost:125},
         {customer:"AAA", product:"Flash", quarter:"Q4", revenue:430, cost:75},

         {customer:"BBB", product:"ColdFusion", quarter:"Q2", revenue:125, cost:20},
         {customer:"BBB", product:"Flex", quarter:"Q3", revenue:210, cost:20},
         {customer:"BBB", product:"Dreamweaver", quarter:"Q4", revenue:320, cost:120},
         {customer:"BBB", product:"Flash", quarter:"Q1", revenue:280, cost:70},

         {customer:"CCC", product:"ColdFusion", quarter:"Q3", revenue:375, cost:120},
         {customer:"CCC", product:"Flex", quarter:"Q4", revenue:430, cost:120},
         {customer:"CCC", product:"Dreamweaver", quarter:"Q1", revenue:470, cost:220},
         {customer:"CCC", product:"Flash", quarter:"Q2", revenue:570, cost:170},

         {customer:"AAA", product:"ColdFusion", quarter:"Q4", revenue:215, cost:90},
         {customer:"AAA", product:"Flex", quarter:"Q1", revenue:210, cost:90},
         {customer:"AAA", product:"Dreamweaver", quarter:"Q2", revenue:175, cost:190},
         {customer:"AAA", product:"Flash", quarter:"Q3", revenue:670, cost:75},

         {customer:"BBB", product:"ColdFusion", quarter:"Q1", revenue:175, cost:20},
         {customer:"BBB", product:"Flex", quarter:"Q2", revenue:210, cost:20},
         {customer:"BBB", product:"Dreamweaver",quarter:"Q3", revenue:120, cost:120},
         {customer:"BBB", product:"Flash", quarter:"Q4", revenue:310, cost:70},

         {customer:"CCC", product:"ColdFusion", quarter:"Q1", revenue:385, cost:120},
         {customer:"CCC", product:"Flex", quarter:"Q2", revenue:340, cost:120},
         {customer:"CCC", product:"Dreamweaver", quarter:"Q3", revenue:470, cost:220},
         {customer:"CCC", product:"Flash", quarter:"Q4", revenue:270, cost:170},

         {customer:"AAA", product:"ColdFusion", quarter:"Q1", revenue:100, cost:25},
         {customer:"AAA", product:"Flex", quarter:"Q2", revenue:150, cost:25},
         {customer:"AAA", product:"Dreamweaver", quarter:"Q3", revenue:200, cost:125},
         {customer:"AAA", product:"Flash", quarter:"Q4", revenue:300, cost:75},

         {customer:"BBB", product:"ColdFusion", quarter:"Q2", revenue:175, cost:20},
         {customer:"BBB", product:"Flex", quarter:"Q3", revenue:100, cost:20},
         {customer:"BBB", product:"Dreamweaver", quarter:"Q4", revenue:270, cost:120},
         {customer:"BBB", product:"Flash", quarter:"Q1", revenue:370, cost:70},

         {customer:"CCC", product:"ColdFusion", quarter:"Q3", revenue:410, cost:120},
         {customer:"CCC", product:"Flex", quarter:"Q4", revenue:300, cost:320},
         {customer:"CCC", product:"Dreamweaver", quarter:"Q1", revenue:510, cost:220},
         {customer:"CCC", product:"Flash", quarter:"Q2", revenue:620, cost:170},

         {customer:"AAA", product:"ColdFusion", quarter:"Q4", revenue:215, cost:90},
         {customer:"AAA", product:"Flex", quarter:"Q1", revenue:210, cost:90},
         {customer:"AAA", product:"Dreamweaver", quarter:"Q2", revenue:175, cost:190},
         {customer:"AAA", product:"Flash", quarter:"Q3", revenue:420, cost:75},

         {customer:"BBB", product:"ColdFusion", quarter:"Q1", revenue:240, cost:20},
         {customer:"BBB", product:"Flex", quarter:"Q2", revenue:100, cost:20},
         {customer:"BBB", product:"Dreamweaver", quarter:"Q3", revenue:270, cost:120},
         {customer:"BBB", product:"Flash", quarter:"Q4", revenue:370, cost:70},

         {customer:"CCC", product:"ColdFusion", quarter:"Q1", revenue:375, cost:120},
         {customer:"CCC", product:"Flex", quarter:"Q2", revenue:420, cost:120},
         {customer:"CCC", product:"Dreamweaver", quarter:"Q3", revenue:680, cost:220},
         {customer:"CCC", product:"Flash", quarter:"Q4", revenue:570, cost:170}         
        ]);

        private function creationCompleteHandler():void {
            // You must initialize the cube before you 
            // can execute a query on it.
            myMXMLCube.refresh();
        }

        // Create the OLAP query.
        private function getQuery(cube:IOLAPCube):IOLAPQuery {
            // Create an instance of OLAPQuery to represent the query. 
            var query:OLAPQuery = new OLAPQuery;

            // Get the row axis from the query instance.
            var rowQueryAxis:IOLAPQueryAxis = 
                query.getAxis(OLAPQuery.ROW_AXIS);
            // Create an OLAPSet instance to configure the axis.
            var productSet:OLAPSet = new OLAPSet;
            // Add the Product to the row to aggregate data 
            // by the Product dimension.
            productSet.addElements(
                cube.findDimension("ProductDim").findAttribute("Product").children);
            // Add the OLAPSet instance to the axis.
            rowQueryAxis.addSet(productSet);

            // Get the column axis from the query instance, and configure it
            // to aggregate the columns by the Quarter dimension. 
            var colQueryAxis:IOLAPQueryAxis = 
                query.getAxis(OLAPQuery.COLUMN_AXIS);         
            var quarterSet:OLAPSet= new OLAPSet;
            quarterSet.addElements(
                cube.findDimension("QuarterDim").findAttribute("Quarter").children);
            colQueryAxis.addSet(quarterSet);

            return query;       
        }

        // Event handler to execute the OLAP query 
        // after the cube completes initialization.
        private function runQuery(event:CubeEvent):void {
            // Get cube.
            var cube:IOLAPCube = IOLAPCube(event.currentTarget);
            // Create a query instance.
            var query:IOLAPQuery = getQuery(cube);
            // Execute the query.
            var token:AsyncToken = cube.execute(query);
            // Setup handlers for the query results.
            token.addResponder(new AsyncResponder(showResult, showFault));
        }

        // Handle a query fault.
        private function showFault(result:Object, token:Object):void {
            Alert.show("Error in query.");
        }

        // Handle a successful query by passing the query results to 
        // the OLAPDataGrid control..
        private function showResult(result:Object, token:Object):void {
            if (!result) {
                Alert.show("No results from query.");
                return;
            }
            myOLAPDG.dataProvider= result as OLAPResult;            
        }        
      ]]>
    </mx:Script>

    <mx:OLAPCube name="FlatSchemaCube" 
        dataProvider="{flatData}" 
        id="myMXMLCube"
        complete="runQuery(event);">

        <mx:OLAPDimension name="CustomerDim">
            <mx:OLAPAttribute name="Customer" dataField="customer"/>
            <mx:OLAPHierarchy name="CustomerHier" hasAll="true">
                <mx:OLAPLevel attributeName="Customer"/>
            </mx:OLAPHierarchy>
        </mx:OLAPDimension>

        <mx:OLAPDimension name="ProductDim">
            <mx:OLAPAttribute name="Product" dataField="product"/>
            <mx:OLAPHierarchy name="ProductHier" hasAll="true">
                <mx:OLAPLevel attributeName="Product"/>
            </mx:OLAPHierarchy>
        </mx:OLAPDimension>

        <mx:OLAPDimension name="QuarterDim">
            <mx:OLAPAttribute name="Quarter" dataField="quarter"/>
            <mx:OLAPHierarchy name="QuarterHier" hasAll="true">
                <mx:OLAPLevel attributeName="Quarter"/>
            </mx:OLAPHierarchy> 
        </mx:OLAPDimension>

        <mx:OLAPMeasure name="Revenue" 
            dataField="revenue" 
            aggregator="SUM"/>
    </mx:OLAPCube>

    <mx:Panel title="OLAPCube Control Example"
        height="75%" width="75%" layout="horizontal"
        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">

        <mx:OLAPDataGrid id="myOLAPDG" width="100%" height="100%"/>
    </mx:Panel>
</mx:Application>

不过后来在网上看到MecGrid感觉还不错,所以拿上来与大家分享.
首先得把它的swc加进来,加到flex build path里面.
下面就是例子:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:MecGrid="com.mechan.MecGrid.*" creationComplete="initApp()" viewSourceURL="srcview/index.html">
<mx:Style>
FilterRenderer
{
    fontSize: 8;
    verticalScrollBarStyleName: filterRendererScrollStyle;
}

.filterRendererScrollStyle {
    downArrowUpSkin: Embed(source="/assets/downArrow.png");
    downArrowOverSkin: Embed(source="/assets/downArrow.png");
    downArrowDownSkin: Embed(source="/assets/downArrow.png");
    upArrowUpSkin: Embed(source="/assets/upArrow.png");
    upArrowOverSkin: Embed(source="/assets/upArrow.png");
    upArrowDownSkin: Embed(source="/assets/upArrow.png");
    thumbDownSkin: Embed(source="/assets/thumb.png",
        scaleGridLeft="7", scaleGridTop="5", scaleGridRight="8", scaleGridBottom="7");
    thumbUpSkin: Embed(source="/assets/thumb.png",
        scaleGridLeft="7", scaleGridTop="5", scaleGridRight="8", scaleGridBottom="7");
    thumbOverSkin: Embed(source="/assets/thumb.png",
        scaleGridLeft="7", scaleGridTop="5", scaleGridRight="8", scaleGridBottom="7");
    trackSkin: Embed(source="/assets/scrolltrack.png",
        scaleGridLeft="7", scaleGridTop="4", scaleGridRight="8", scaleGridBottom="6" );    
}
</mx:Style>
<mx:Script>
    <![CDATA[
        import com.mechan.MecGrid.mecGridClasses.MecGridEvent;
        import mx.collections.ArrayCollection;
        import com.mechan.MecGrid.mecGridClasses.MecGridConst;
        import com.mechan.MecGrid.mecGridClasses.CellOp;

        // This demonstrates how you can set MecGrid properties by XML.
        // You can build ResourceXML With MecGridWizard by Exporting and copy to clipboard the source XML.
        //
        // Reversely you can set the property of XML String to Binary data and vice versa.
        // 
        [Bindable]
        private var datasource:ArrayCollection;

        private var dp:Array = [{selected:false, country:'Korea', city:'Ulsan', qt1:0, qt2:0, qt3:0, qt4:0, avg:''},
                                {selected:false, country:'Korea', city:'Seoul', qt1:0, qt2:0, qt3:0, qt4:0, avg:''},
                                {selected:false, country:'Korea', city:'Pusan', qt1:0, qt2:0, qt3:0, qt4:0, avg:''},
                                {selected:false, country:'Korea', city:'Mokpo', qt1:0, qt2:0, qt3:0, qt4:0, avg:''},
                                {selected:false, country:'Korea', city:'Anyang', qt1:0, qt2:0, qt3:0, qt4:0, avg:''},
                                {selected:false, country:'Korea', city:'Sangju', qt1:0, qt2:0, qt3:0, qt4:0, avg:''},
                                {selected:false, country:'United States', city:'New York', qt1:0, qt2:0, qt3:0, qt4:0, avg:''},
                                {selected:false, country:'United States', city:'South Field', qt1:0, qt2:0, qt3:0, qt4:0, avg:''},
                                {selected:false, country:'United States', city:'Irvington', qt1:0, qt2:0, qt3:0, qt4:0, avg:''},
                                {selected:false, country:'United States', city:'Los Altos', qt1:0, qt2:0, qt3:0, qt4:0, avg:''},
                                {selected:false, country:'United States', city:'Chicago', qt1:0, qt2:0, qt3:0, qt4:0, avg:''},
                                {selected:false, country:'United States', city:'Tucson', qt1:0, qt2:0, qt3:0, qt4:0, avg:''},
                                {selected:false, country:'France', city:'Paris', qt1:0, qt2:0, qt3:0, qt4:0, avg:''},
                                {selected:false, country:'France', city:'Le Mans', qt1:0, qt2:0, qt3:0, qt4:0, avg:''},
                                {selected:false, country:'France', city:'Lyon', qt1:0, qt2:0, qt3:0, qt4:0, avg:''},
                                {selected:false, country:'France', city:'Marseille', qt1:0, qt2:0, qt3:0, qt4:0, avg:''},
                                {selected:false, country:'Germany', city:'Berlin', qt1:0, qt2:0, qt3:0, qt4:0, avg:''},
                                {selected:false, country:'Germany', city:'Hamburg', qt1:0, qt2:0, qt3:0, qt4:0, avg:''},
                                {selected:false, country:'Germany', city:'Dusseldorf', qt1:0, qt2:0, qt3:0, qt4:0, avg:''},
                                {selected:false, country:'United Kingdom', city:'London', qt1:0, qt2:0, qt3:0, qt4:0, avg:''},
                                {selected:false, country:'United Kingdom', city:'Cambridge', qt1:0, qt2:0, qt3:0, qt4:0, avg:''},
                                {selected:false, country:'United Kingdom', city:'Birmingham', qt1:0, qt2:0, qt3:0, qt4:0, avg:''}]

        private function initApp():void
        {
            mgrid.dragEnabled = true;
            mgrid.dropEnabled = true;
            mgrid.dragMoveEnabled = true;
            mgrid.dropMode = MecGridConst.DRAGMODE_ROW | MecGridConst.DRAGMODE_COLUMN;

            applyDataProvider();
        }

        private function applyDataProvider():void
        {
            var i:int;
            var n:int = 0;

            for (i=0; i < dp.length; i++)
            {
                dp[i].qt1 = Math.random() * 1000;
                dp[i].qt2 = Math.random() * 1000;
                dp[i].qt3 = Math.random() * 1000;
                dp[i].qt4 = Math.random() * 1000;
                n = i + mgrid.Rows.fixed;
                dp[i].avg = "=(D" + n + " + E" + n + " + F" + n + " + G" + n + ") / 4";
            }

            mgrid.addEventListener(MecGridEvent.DATAPROVIDER_UPDATE_FINISHED, dataProviderUpdatedHandler);
            datasource = new ArrayCollection(dp);
        }

        private function dataProviderUpdatedHandler(event:MecGridEvent):void
        {
            mgrid.removeEventListener(MecGridEvent.DATAPROVIDER_UPDATE_FINISHED, dataProviderUpdatedHandler);
            mgrid.redraw = false;
            mgrid.clearSubTotal();
            mgrid.AddSubTotal("Total", [0, 1], MecGridConst.SUBTOTAL_SUM, -1, [2, 3, 4, 5], MecGridConst.SUBTOTAL_BELOWDATA);
            mgrid.AddSubTotal("Country SubTotal", [1], MecGridConst.SUBTOTAL_SUM, 0, [2, 3, 4, 5], MecGridConst.SUBTOTAL_BELOWDATA);
            mgrid.updateSubTotal();
            mgrid.redraw = true;
        }

        private function changeData():void
        {
            applyDataProvider();
        }

        private function selectionModeChanged(event:Event):void
        {
            var selitem:String = uiSelectMode.selectedValue as String;
            var selmode:int = CellOp.SELECT_SINGLE;

            switch (selitem)
            {
            case "row":
                selmode = selmode | CellOp.SELECTIONMODE_ROW;
                break;
            case "cell":
                selmode = selmode | CellOp.SELECTIONMODE_CELL;
                break;
            }

            mgrid.SelectionMode = selmode;
        }
    ]]>
</mx:Script>
<MecGrid:MecGrid id="mgrid" bottom="40" right="10" top="80" left="10" dataProvider="{datasource}" EnableRowFilter="{cboShowFilter.selected}">
    <MecGrid:ResourceXML>
        <mx:XML xmlns="">
            <List>
              <option cols="6" fixedrows="2" fixedcols="0" merge_option="4" merge_option_fixedcolumn="0" merge_option_fixedrow="2" showspreadsheet="F" selectionmode="17" sortoption="0" treeview="T" treeColumn="0" textalignment="6" textalignment_fixed="5"/>
              <columns>
                <column name="col_1" datafield="country" visible="T" editable="F" colindex="0" autowidth="T" width="61" datatype="5" textalign="4" textalign_fixed="10" formatstring="" merge="T" style="" header="Country;Country"/>
                <column name="col_2" datafield="city" visible="T" editable="F" colindex="1" autowidth="T" width="61" datatype="5" textalign="4" textalign_fixed="10" formatstring="" merge="T" style="" header="City;City"/>
                <column name="col_3" datafield="qt1" visible="T" editable="F" colindex="2" autowidth="T" width="88" datatype="4" textalign="10" textalign_fixed="10" formatstring="#,###.##" merge="F" style="" header="Visitors;1st Quater (A)"/>
                <column name="col_4" datafield="qt2" visible="T" editable="F" colindex="3" autowidth="T" width="92" datatype="4" textalign="10" textalign_fixed="10" formatstring="#,###.##" merge="F" style="test" header="Visitors;2nd Quater (B)"/>
                <column name="col_5" datafield="qt3" visible="T" editable="F" colindex="4" autowidth="T" width="90" datatype="4" textalign="10" textalign_fixed="10" formatstring="#,###.##" merge="F" style="" header="Visitors;3rd Quater (C)"/>
                <column name="col_6" datafield="qt4" visible="T" editable="F" colindex="5" autowidth="T" width="0" datatype="4" textalign="10" textalign_fixed="10" formatstring="#,###.##" merge="F" style="" header="Visitors;4th Quater (D)"/>
              </columns>
              <styles>
                <style name="normal" backcolor1="16777215" backcolor2="16777215" bordercolor="12566463" borderthickness="1" fontstyle="0" forecolor="3355443"/>
                <style name="fixedrow" backcolor1="15066597" backcolor2="15066597" bordercolor="6710886" borderthickness="1" fontstyle="0" forecolor="0"/>
                <style name="fixedcolumn" backcolor1="16317653" backcolor2="15066597" bordercolor="6710886" borderthickness="1" fontstyle="0" forecolor="0"/>
                <style name="spreadsheet" backcolor1="16317653" backcolor2="15066597" bordercolor="6710886" borderthickness="1" fontstyle="0" forecolor="0"/>
                <style name="subtotal" backcolor1="16317653" backcolor2="15066597" bordercolor="12566463" borderthickness="1" fontstyle="2" forecolor="0"/>
                <style name="test" backcolor1="13434879" backcolor2="16777215" bordercolor="12566463" borderthickness="1" fontstyle="5" forecolor="3355443"/>
              </styles>
            </List>
        </mx:XML>
    </MecGrid:ResourceXML>
</MecGrid:MecGrid>
    <mx:Label x="10" y="10" text="MecGrid Demo with Row Filters" fontWeight="bold" fontSize="20" color="#FDFE88"/>
<mx:HBox width="100%" height="26" bottom="0">
    <mx:LinkButton label="Copyright (c) 2008 MECHAN. All Rights Reserved" 
        click="navigateToURL(new URLRequest('http://code.google.com/p/flexspreadsheet/'));"
        styleName="footerLink" alpha="0.2"
         color="#DB93F9"/>
    <mx:Spacer width="100%" />
    <mx:LinkButton label="Created by MECHAN" 
        click="navigateToURL(new URLRequest('mailto:mechan93@gmail.com'));"
        styleName="footerLink"
        textDecoration="underline" alpha="0.2"
         color="#04FCFF"/>
</mx:HBox>
    <mx:Button label="Change Data" right="10" top="30" click="changeData()"/>
    <mx:HBox y="54" right="10" left="10">
        <mx:Label text="Selection Mode"/>
        <mx:RadioButtonGroup id="uiSelectMode" change="selectionModeChanged(event)"/>
        <mx:RadioButton label="Row Selection" groupName="uiSelectMode" value="row" selected="true"/>
        <mx:RadioButton label="Cell Selection" groupName="uiSelectMode" value="cell"/>
        <mx:CheckBox label="ShowFilter" id="cboShowFilter"/>
    </mx:HBox>
</mx:Application>
iteye_14831
关注
如何实现flex栅格布局及合并单元格
小柠檬爱编程
05-12 1579
注意事项 三格展示,注意border,会有重合2像素问题,需单独设置 最后一行特色服务需要合并单元格 <div class="row-wrap"> <div class="col-4" data-language="price.Paypal">PayPal商家和个人收款账号配置</div> <div class="col-4" data-language="price.Abandonded">弃单提醒—提高转化率</div&gt.
CSS--灵活的网格布局（display:grid；）
am_xiao_hui的博客
08-16 1900
CSS--灵活的网格布局（display:grid；）flex 弹性布局和 grid 网格布局有什么区别， 为什么要用gridgrid怎么用
Flex 表格单元格合并
10-15
Flex 表格的单元格合并的简单示例,易懂简单
FLEX 表格合并
11-26
这个是针对与flex 的表格合并，包括表头合并，有好几种呈现方式，上面只是一种。
Flex datagrid单元格合并
u010413967的专栏
05-19 1143
http://shyf12054213.iteye.com/blog/981270
flex 使用AdvancedDataGrid进行表头列合并，设置每列背景颜色(2)
cindyhbbl的专栏
02-13 1491
（二）表格样式： sdk3.5调用时为： styleName="myDataGrid" headerStyleName="myHeaderStyle"   （三）列背景颜色： //红色表示预测 private var forcastColor:uint = 0xF3402D; //绿色表示实际 private var factColor:uint = 0x78D74
Flex DataGrid 伪合并单元格思路及代码
10-25
在探讨Flex DataGrid伪合并单元格的实现之前，首先需要明确Flex DataGrid的基本概念以及单元格合并的常见需求。 Flex DataGrid是Adobe Flex框架中的组件之一，用于展示表格数据。它允许开发者通过XML或ActionScript...
Flex DataGrid 伪合并单元格实现思路
10-25
当需要在DataGrid中实现类似Excel中单元格合并的效果时，我们就需要采用一种称为“伪合并单元格”的方法。这种方法通过编程技术模拟合并单元格的视觉效果，而不改变底层数据结构。 伪合并单元格实现思路主要包括...
超牛合并flexCell表格行的问题
05-28
很多人都用过flexCell。我这个是在c#中做打印时结合flexCell。通常会生成一些多余的行或是列。这段代码就是用来删除行或是列的。
CSS合并单元格四种方式：table/display/flex/grid
热门推荐
weixin_43932309的博客
07-12 2万+
CSS合并单元格四种方式：table/display/flex/grid。
FlexGrid合并单元格
tyouvivi的专栏
05-15 1万+
 FlexGrid合并单元格 FlexGrid版本：  PowerTools FlexGrid for .NET 4.0J开发语言：          VB.NET作成日期：          2007年5月15日在WinForm的开发中，经常会用到FlexGrid控件，用于显示数据和编辑数据，合并单元格也是经常用到的。1.单元格自动合并C1FlexGrid 一帮情况下对于各单元格可以在行
Flex — 在AdvancedDataGrid中合并单元格 （合并行）
czx33859066的专栏
12-30 4119
文章出处及演示图片http://bbs.airia.cn/FLEX/thread-9262-1-1.aspx?extParms=ThreadCatalogID%3d6%26page%3d1  源代码原版可访问http://code.google.com/p/advanceddatagrid/
css学习
weixin_68658847的博客
09-03 713
基础css学习
flex布局和grid布局
最新发布
2401_86997425的博客
01-17 697
flex container，简称容器，他的所有子元素自动成为容器成员，成为flex项目，简称项目。通过对父元素添加flex属性，来控制子盒子的位置和排列方式。
Flex表格单元格合并技术示例与教程
在 Flex 中合并单元格，本质上是通过设置特定的属性值来实现的。单元格合并分为横向合并和纵向合并两种情况。横向合并是将多个列的单元格合并成一个单元格，纵向合并则是将多个行的单元格合并成一个单元格。下面详细...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值