为第一列的单元格设置左内边距

Question

我想设置第一列中单元格的填充。

我按照描述尝试了https://stackoverflow.com/questions/74452065/how-to-style-grid-cells-in-vaadin，但我不起作用。

我有一个包含网格的组件。组件中的 css 导入如下所示：

@CssImport(themeFor = "vaadin-grid", value = "./vaadin-grid.css")
public class MyComponent extends AbstractCompositeField<Component,....

vaadin-grid.css 文件如下所示：

.vaadin-grid ::part(first-column-cell) {
  padding-left: 0;
}

尝试使用此处描述的选择器 样式网格但它不起作用。单元中未使用配置的填充。使用 Vaadin 24。

选择器必须看起来如何只修改第一列的单元格？

Answer 1

如果您使用此样式，则需要将其放入全局 styles.css 文件中，就像使用部分选择器一样。部分选择器在影子 DOM 注入中不起作用。另请注意删除空格字符。

.vaadin-grid::part(first-column-cell) {
  padding-left: 0;
}