Can you provide a bit of guidance on how to style this table? I'm assuming

Directory BeanTable
1

Can you provide a bit of guidance on how to style this table? I’m assuming it’s not possible to style this component as described here?

https://vaadin.com/docs/v14/flow/styling/styling-components

But instead I would simply rely on setting an id, or using the default bean-table class and having styles setup in our general styles.css file?

I do see this

@CssImport("./styles/bean-table.css")

so perhaps it would make sense for me to do the same thing with my customizations?

Thanks

2

BeanTable generates plain html table, so you can address it in your general styles.css file in vanilla old school CSS way. The table itself will have css classname bean-table. There is no much more there. There is no shadow DOM, so the referenced documentation does not apply here.

For example if you want to style table cell, just do

.bean-table td {
    ... styles here ...
}

Or a row

.bean-table tr {
    ... styles here ...
}