求助：使用gc-spread-sheets创建的表格，怎样给表头拆分？

收藏

本帖最后由 shapphhe 于 2017-12-25 09:11 编辑

你好，我是第一次使用gc-spread-sheets，有一些问题想要求助一下：
我在html中使用了
<gc-spread-sheets id="ss" newtabvisible="false" highlightinvaliddata="true" tabstripvisible="false" style="width:550px; height:90px;">
<worksheets>
<worksheet datasource="data" rowheadervisible="false" rowHeader="80" colHeader="80">
</worksheet>
</worksheets>
</gc-spread-sheets>
创建表格，在JS文件中：
var spread1 = GC.Spread.Sheets.findControl("ss");
var sheet1 = spread1.getActiveSheet();
获取到sheet1后，怎样设置columns使表格如下图？
图片.png133749999.png

谢谢解答！表头可以在JS中写固定值。

Clark.Pan · Clark.Pan

您好：

参考附件demo

shapphhe · shapphhe

ClarkPan 发表于 2017-12-21 16:21
您好：

参考附件demo

感谢您的解答！
在您提供的代码中：
sheet.addSpan(0,0,3,1,GC.Spread.Sheets.SheetArea.colHeader);
sheet.setValue(0,0,"NO",GC.Spread.Sheets.SheetArea.colHeader);
数字参数都代表什么属性？能给详细解答一下吗？
还有，我想绑定数据的话，怎样找到对应的列呢？
我之前是这样用的：
spread1 = GC.Spread.Sheets.findControl("ss1");
sheet1 = spread1.getActiveSheet();
sheet1.suspendPaint();
sheet1.reset();
var cData = [];
cData.push({ ORDERNO: '000001', Jiseki: "", HykaA: "1", HykaB: "1" });
cData.push({ ORDERNO: '000002', Jiseki: "1", HykaA: "", HykaB: "1" });
cData.push({ ORDERNO: '000003', Jiseki: "1", HykaA: "1", HykaB: "" });
sheet1.setDataSource(cData);
var colInfos = [
            { name: "ORDERNO", displayName: "ORDER NO", size: 150, formatter: "@" },
            { name: "Jiseki", displayName: "製品輸入実績", size: 100, cellType: cellTypeCheck },
            { name: "HykaA", displayName: "その他A", size: 70, cellType: cellTypeCheck },
            { name: "HykaB", displayName: "その他B", size: 70, cellType: cellTypeCheck }
         ];
sheet1.bindColumns(colInfos);
sheet1.getRange(-1, 1, -1, 3, GC.Spread.Sheets.SheetArea.viewport).hAlign(GC.Spread.Sheets.HorizontalAlign.center);
sheet1.resumePaint();

Clark.Pan · Clark.Pan

addSpan的相关参数解释参考：
http://help.grapecity.com/spread ... ksheet~addSpan.html
setValue的相关参数解释参考：
http://help.grapecity.com/spread ... sheet~setValue.html
sheetArea相关您可以参考：
http://blog.gcpowertools.com.cn/ ... adJS-colheader.aspx
您用的是绑定数据源的方式来做的，这样的方式是没办法绑定多列头的数据，因为绑定数据源的列头与数据源中每一个字段的key是一一对应的，所以没办法出现1对多的情况，所以是没办法生成复杂列头这种情况的，这种情况一般都是先将列头定义好，之后在直接绑定数据到指定列头，我将demo改了一下，您再看看。

shapphhe · shapphhe

ClarkPan 发表于 2017-12-22 11:25
addSpan的相关参数解释参考：
http://help.grapecity.com/spread/SpreadSheets11/webframe.html#SpreadJS~ ...

辛苦了，我好好研究研究！谢谢！

Clark.Pan · Clark.Pan

不客气，有什么问题欢迎另开新帖进行询问。

		自动登录	找回密码
密码			立即注册

[已处理] 求助：使用gc-spread-sheets创建的表格，怎样给表头拆分？

5 个回复

评分

讲师达人

悬赏达人

微信认证勋章

SpreadJS 认证

SpreadJS 高级认证

元老葡萄