Data Grid Column Alignment

I saw some posts about the inability to style a Data Grid but thought I would ask if anyone had a suggestion to center columns, specifically Boolean columns.

I do already have a custom css on the data grid as a whole to provide custom margin within the container it’s in which has custom css to make it “wide”

div[class*=“section-container”] >div {
max-width: 95vw;
}

.Container-Grid
{
padding-right:15px;
padding-left:15px;
max-width: 95vw;
}
The header is fairly wide, and I would prefer the check boxes be centered.

I’m sorry — the Data Grid can’t be styled that way.

2 Likes

Thanks @Himaladin, I figured this would be the response, but I wanted to ask and verify.

1 Like

Glide does not expose any column-alignment settings before the Data Grid reaches the canvas engine. Once it’s rendered as a canvas element, CSS can no longer target individual cells — so unfortunately this is a dead end. You may consider submitting a feature request for column alignment.

1 Like