如何在Vaadin的视图中设置网格/表格的单元格背景颜色？

// 创建一个自定义渲染器
class CustomRenderer extends TextRenderer {

    @Override
    public void render(RendererCellReference cell, String text, Grid grid) {
        super.render(cell, text, grid);

        // 获取当前单元格的行和列索引
        int rowIndex = cell.getRowIndex();
        int columnIndex = cell.getColumnIndex();

        // 根据行和列索引设置不同的背景颜色
        if (rowIndex % 2 == 0) {
            // 偶数行设置为浅灰色
            cell.getElement().getStyle().set("background-color", "#f2f2f2");
        } else {
            // 奇数行设置为白色
            cell.getElement().getStyle().set("background-color", "#ffffff");
        }
    }
}

// 创建一个网格组件
Grid<Person> grid = new Grid<>();
grid.setItems(personList);

// 设置网格的列和对应的渲染器
grid.addColumn(Person::getName).setHeader("Name").setRenderer(new CustomRenderer());
grid.addColumn(Person::getAge).setHeader("Age").setRenderer(new CustomRenderer());

// 将网格添加到视图中
add(grid);