如何为带动态ID的Wijmo Grid设置单元格/行高度？

方法一：通过Wijmo原生API处理（推荐） #

Wijmo Grid的虚拟渲染机制会生成替代网格（alt grid），直接用jQuery操作DOM容易遗漏这些动态生成的元素，建议用Wijmo的formatItem事件统一设置单元格样式，不管ID是否动态都能生效：

// 定位网格容器（动态ID拼接）
const gridContainer = $(`#form-${currentFormIndex}__${element.Name}`);
// 获取Wijmo Grid实例
const grid = wijmo.Control.getControl(gridContainer[0]);

// 绑定formatItem事件，单元格渲染时设置内边距
grid.formatItem.addHandler((s, e) => {
    // 仅针对单元格面板设置样式
    if (e.panel === s.cells) {
        e.cell.style.padding = '32px';
    }
});

这个方法会覆盖所有渲染的单元格，包括虚拟滚动生成的替代元素，彻底解决行高不生效的问题。

方法二：CSS中使用属性选择器/自定义类 #

如果不想用JS，也可以通过CSS的属性选择器匹配动态ID规律，或者给网格容器添加自定义类：

方案1：属性选择器匹配动态ID

如果你的网格ID都是以form-开头，可以用CSS前缀匹配：

/* 匹配所有ID以form-开头的容器内的Wijmo单元格 */
[id^="form-"] .wj-cell {
    padding: 32px !important;
}

方案2：添加自定义类

在生成网格时，给容器添加固定的自定义类（比如custom-wijmo-grid），然后用类选择器设置样式：

.custom-wijmo-grid .wj-cell {
    padding: 32px;
}

为什么之前的jQuery方法失效？ #

Wijmo Grid启用虚拟滚动时，会动态生成带有.wj-alt类的替代网格元素，你之前的选择器仅匹配初始的网格单元格，没有覆盖这些动态生成的元素，导致行高设置不生效。

内容的提问来源于stack exchange，提问作者bluends