可否使用rowFill为指定行设置背景色，解决linear-gradient实现异常问题

可以通过rowFill结合行索引判断实现每两行填充背景色的效果，该方案比linear-gradient实现逻辑更简单，也不会出现行渲染偏移的异常问题。

• 如果你使用的是支持rowFill配置的表格组件（如AG Grid、SpreadJS等），可以直接通过行索引分组判断设置背景色，示例代码如下：

// AG Grid 配置示例
const gridOptions = {
  columnDefs: [...], // 你的列定义配置
  getRowStyle: params => {
    // 按每两行分为一组，判断组的奇偶性设置背景
    const groupIndex = Math.floor(params.rowIndex / 2);
    return groupIndex % 2 === 1 ? {backgroundColor: '#e8f4ff'} : {};
  }
}

• 如果你使用的是原生HTML表格，也可以直接用CSS伪类实现，比linear-gradient容错率更高：

/* 匹配第3、4行，7、8行……以此类推实现每两行交替填充 */
tr:nth-child(4n), tr:nth-child(4n - 1) {
  background-color: #e8f4ff;
}

之前用linear-gradient出现行显示异常，大多是因为行高不统一、动态新增行、表格有合并单元格等场景导致渐变区间计算偏差，用行索引判断的方案可以完全规避该类问题。

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