【17.1】使用自定义单元格类型时，table.setDataSource 提示空间不足

收藏

附图：

说明：
1、虽然调用 table.expandBoundRows(true) 后，不会在报错。但却会不符合期望地多出来 2 行

Matthew.Xue · Matthew.Xue

您好，这个原因应该和自定义单元格无关，而是因为你的数据扩展后，行数超过了现在sheet的行数。您可以在setDataSource之前，调用sheet.setRowCount来让行数增加，增加的数量和您数据源中数据的数量有关，您可以试试。

甘苦绿茶 · 甘苦绿茶

这个样例可以复现：
https://jscodemine.grapecity.com/sample/c-G16xFCAEmdfCbdzbGIow/

甘苦绿茶 · 甘苦绿茶

window.onload = function () {
var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"));
initSpread(spread);
};
var HTMLCellType = function HTMLCellType(options){};
HTMLCellType.prototype = new GC.Spread.Sheets.CellTypes.Text();
HTMLCellType.prototype.paint = function(){};
function initSpread(spread) {
var spreadNS = GC.Spread.Sheets;
var sheet = spread.getSheet(0);
spread.suspendPaint();
sheet.setColumnWidth(0, 70);
sheet.setColumnWidth(1, 70);
sheet.setColumnWidth(2, 70);
sheet.setColumnWidth(3, 70);
sheet.setColumnWidth(4, 100);
sheet.setColumnWidth(5, 100);
sheet.setRowCount(4);
var table = sheet.tables.add(
'default',
1, 0,
2, 6,
GC.Spread.Sheets.Tables.TableThemes.light21
);
table.showHeader(true);
table.setColumnFormula(2, "=SUBTOTAL(109,[Credit])");
table.setColumnFormula(3, "=SUBTOTAL(109,[Score])");
var tableColumns = [];
[
{key: "Course", title: "course"},
{key: "Term", title: "term"},
{key: "Credit", title: "credit"},
{key: "Score", title: "score"},
{key: "Teacher", title: "teacher"},
{key: "Intro", title: "intro"},
].forEach(function(columnConfig, columnIndex){
var tableColumn = new GC.Spread.Sheets.Tables.TableColumn(columnIndex);
tableColumns.push(tableColumn);
tableColumn.dataField(columnConfig.key);
tableColumn.name(columnConfig.title);
});
table.autoGenerateColumns(false);
table.bindColumns(tableColumns);
table.bindingPath("data");
/*****************************************/
var dataList = [
{ Course: "Calculus", Term: 1, Credit: 5, Score: 80, Teacher: "Nancy Feehafer", Intro: "<p>helo</p>" },
{ Course: "P.E.", Term: 1, Credit: 3.5, Score: 85, Teacher: "Andrew Cencini", Intro: "<p>helo</p>" },
];
let style = new GC.Spread.Sheets.Style();
style.cellType = new HTMLCellType();
for(var i = 0; i < dataList.length; i++){
/* cellType 设置为 null 即正常 */
// style.cellType = null;
sheet.setStyle(i + 2, 5, style);
}
sheet.setDataSource(new GC.Spread.Sheets.Bindings.CellBindingSource({ data: dataList }));
spread.resumePaint();
}

复制代码

Wilson.Zhang · Wilson.Zhang

您好！参考2楼给出的回复，扩展sheet行数使得能容纳下Table所有数据即可，您可以亲测了解下。

甘苦绿茶 · 甘苦绿茶

我的样例中，sheet.setRowCount(4) 难道不够吗？1行空行 + 1行表头行 + 2行数据行不就是 4 行吗

Wilson.Zhang · Wilson.Zhang

甘苦绿茶发表于 2025-3-12 18:29
我的样例中，sheet.setRowCount(4) 难道不够吗？1行空行 + 1行表头行 + 2行数据行不就是 4 行吗

按理说是符合的，测试了下您提供的代码片段，绑定数据渲染后Table的数据区域有3行，加上sheet首行和Table表头行一共5行。那么， sheet已有的4行不足以容纳5行数据，便抛出异常提醒错误。

在注释掉设置自定义单元格类型后，对sheet设置4行，可以正常渲染，如下图所示：
1741835053186.png337593077.png

请教下您设置自定义单元格想要实现怎样的效果？

甘苦绿茶 · 甘苦绿茶

1、为什么数据区域会有 3 行呢？我提供的 dataList 数组明明只有 2 条呢
2、设置自定义单元格，是为了渲染富文本，如下所示：
image.png819692382.png

Wilson.Zhang · Wilson.Zhang

甘苦绿茶发表于 2025-3-13 11:08
1、为什么数据区域会有 3 行呢？我提供的 dataList 数组明明只有 2 条呢
2、设置自定义单元格，是为了渲染 ...

在未填充数据源时，Table仅有两行，一行表头行，另一行数据区域行，如下图所示：
1741836712332.png589020690.png

此时设置自定义单元格类型，被设置行索引分别为2和3，如下图所示：
1741836907206.png270430907.png

由于Table区域起始行索引为1，跨越2行，那么，末行索引为2。也就是说，Table区域中仅单元格F3设置了自定义单元格类型，而F4此时位于Table外，如下图所示：
1741837197045.png10815733.png

对sheet设置数据源后，数据绑定将数据源中数据填充至Table。Table虽然只有一行数据区域，但其默认允许自动扩展。当Table数据区域行数小于数据源数量时，自动扩展一行以填充数据源中第二条数据，相应地，原来索引为3的行也顺势下移。但是，由于此时sheet一共四行，而Table自动扩展后加上sheet首行空行已经达到4行，而原来索引为3的行下移受阻，便抛出了异常。

可以在sheet数据绑定填充后对Table某列逐一设置自定义单元格类型，或者初始化Table时给足区域令其足以容纳数据源中所有数据。

甘苦绿茶 · 甘苦绿茶

Wilson.Zhang 发表于 2025-3-13 11:45
在未填充数据源时，Table仅有两行，一行表头行，另一行数据区域行，如下图所示：

这个过程，为什么会和自定义单元格类型建立上了联系呢？毕竟没有设置自定义单元格类型时，是没有问题的。
按照您描述的逻辑，似乎应该“业务代码一直需要向 table 多提供一行，无论是否是自定义单元格类型”才对

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

[已处理] 【17.1】使用自定义单元格类型时，table.setDataSource 提示空间不足

12 个回复