【v17.0.2】设置table列样式

Richard.Huang

sheet初始化table不添加行数据，设置table样式，及设置列为combo。在设置行项目就没有样式及combo

Richard.Huang · Richard.Huang

您好，您只要对应的在设置table的columnLayoutStyle时，为style设置对应的cellType属性即可：

// 设置样式
for (let i = 0; i < 6; i++) {
var tempStyle = sheet.getActualStyle(0, 0);
if (i == 4) {
tempStyle.cellType = new GC.Spread.Sheets.CellTypes.ComboBox();// 注意这里cellType属性
}
table.columnLayoutStyle(i, {
data: tempStyle,
});
}

复制代码

Richard.Huang · Richard.Huang

您好，我按照您的描述进行了测试，但是并没有复现您所描述的问题，能否提供一份可供我们复现的demo，方便我们更加精准的去确定问题所在，附件是我测试使用的demo，您也可以下载到本地进行测试

下拉框.gif641952819.png

心素如简 · 心素如简

sheet.tables.add('table1', 0, 0, 1,1);

table.columnLayoutStyle设置第一列自定义样式
在添加数据源，就没有自定义的样式。

Richard.Huang · Richard.Huang

心素如简发表于 2024-5-9 17:41
sheet.tables.add('table1', 0, 0, 1,1);

table.columnLayoutStyle设置第一列自定义样式

您可以检查一下是否将autoGenerateColumns设置为false
table.autoGenerateColumns(false);// 设置了这个后应该就不会出现样式不生效的问题了

心素如简 · 心素如简

Richard.Huang 发表于 2024-5-10 14:04
您可以检查一下是否将autoGenerateColumns设置为false
table.autoGenerateColumns(false);// 设置了这个 ...

Richard.Huang · Richard.Huang

您好，您需要先设置绑定路径后设置对应的表格样式信息，最后才绑定数据，这样就不会有问题，我对您的代码进行了修改，您尝试一下：

console.log(spread.toJSON());
var sheet = spread.getActiveSheet();
// 获取样式
const cellStyle = sheet.getActualStyle(0, 5);
console.log(cellStyle);
sheet.setStyle(0, 0, { ...cellStyle, backColor: "red" });
var spreadNS = GC.Spread.Sheets;
var data = {
name: "Jones",
region: "East",
sales: [
{
orderDate: "1/6/2013",
item: "Pencil",
units: 95,
cost: 1.99,
isDelivered: true,
},
{
orderDate: "4/1/2013",
item: "Binder",
units: 60,
cost: 4.99,
isDelivered: false,
},
{
orderDate: "6/8/2013",
item: "Pen Set",
units: 16,
cost: 15.99,
isDelivered: false,
},
],
};
var convert = function (item) {
return item["cost"] + "$";
};
var table = sheet.tables.add("tableSales", 1, 0, 5, 5);
var tableColumn1 = new spreadNS.Tables.TableColumn(
1,
"orderDate",
"Order Date",
"yyyy-mm-dd"
);
var tableColumn2 = new spreadNS.Tables.TableColumn(2, "item", "Item");
var tableColumn3 = new spreadNS.Tables.TableColumn(3, "units", "Units");
var tableColumn4 = new spreadNS.Tables.TableColumn(
4,
"cost",
"Cost",
null,
null,
convert
);
var tableColumn5 = new spreadNS.Tables.TableColumn(
5,
"isDelivered",
"Delivered",
null,
new spreadNS.CellTypes.ComboBox()
);
table.bind(
[tableColumn1, tableColumn2, tableColumn3, tableColumn4, tableColumn5],
"sales"
);
// 设置样式
for (let i = 0; i < 6; i++) {
table.columnLayoutStyle(i, {
data: sheet.getActualStyle(0, 0),
});
}
table.autoGenerateColumns(false);
table.bandRows(false);
// 绑定数据
sheet.setDataSource(new GC.Spread.Sheets.Bindings.CellBindingSource({sales:data.sales}))

复制代码

心素如简 · 心素如简

Richard.Huang 发表于 2024-5-14 17:25
您好，您需要先设置绑定路径后设置对应的表格样式信息，最后才绑定数据，这样就不会有问题，我对您的代码进 ...

这样的话先设置的ComboBox列就没有了。

Richard.Huang · Richard.Huang

心素如简发表于 2024-5-15 16:16
这样的话先设置的ComboBox列就没有了。

了解了，确实会有这样一个问题，至于该现象的原因我们还需要进行进一步的调研定位。后续有相关调研进展我会第一时间在本贴中进行跟进。

心素如简 · 心素如简

Richard.Huang 发表于 2024-5-16 13:53
您好，您只要对应的在设置table的columnLayoutStyle时，为style设置对应的cellType属性即可：

这样的话就会出现一个问题，就是新增一行数据也是没有ComboBox的。

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

[已处理] 【v17.0.2】设置table列样式