# Data Grid Column Alignment

**URL:** <https://community.glideapps.com/t/data-grid-column-alignment/85621>\
**Category:** Ask for Help\
**Tags:** custom-css, components\
**Created:** [December 3, 2025, 9:26pm UTC](https://community.glideapps.com/t/data-grid-column-alignment/85621 "2025-12-03T21:26:27Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sean\_Page](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sean_page/32/77424_2.png) [@Sean\_Page](https://community.glideapps.com/u/Sean_Page)\
**Post date:** [December 3, 2025, 9:26pm UTC](https://community.glideapps.com/t/data-grid-column-alignment/85621/1 "2025-12-03T21:26:27Z")

</div>

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.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/2/527d1810d72f39b06699c11552f69a87639663bf.png)

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [December 3, 2025, 10:07pm UTC](https://community.glideapps.com/t/data-grid-column-alignment/85621/2 "2025-12-03T22:07:14Z")

</div>

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

> [@CSS to get headers to stick at the top in a Data Grid](https://community.glideapps.com/t/css-to-get-headers-to-stick-at-the-top-in-a-data-grid/85374/3):
>
> The Data Grid is rendered on a canvas, not normal HTML elements.  
> Canvas here draws the grid as a graphic (similar to a screenshot), not actual `<table>` or `<div>` elements

---

<div class="post-metadata">

**Author:** ![Sean\_Page](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sean_page/32/77424_2.png) [@Sean\_Page](https://community.glideapps.com/u/Sean_Page)\
**Post date:** [December 3, 2025, 10:22pm UTC](https://community.glideapps.com/t/data-grid-column-alignment/85621/3 "2025-12-03T22:22:17Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [December 3, 2025, 10:34pm UTC](https://community.glideapps.com/t/data-grid-column-alignment/85621/4 "2025-12-03T22:34:10Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![Sean\_Page](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sean_page/32/77424_2.png) [@Sean\_Page](https://community.glideapps.com/u/Sean_Page)\
**Post date:** [December 5, 2025, 4:50pm UTC](https://community.glideapps.com/t/data-grid-column-alignment/85621/5 "2025-12-05T16:50:55Z")

</div>

Feature Request submitted here for anyone who would like to upvote it!

> [@Column Alignment Options on Data Grid](https://community.glideapps.com/t/column-alignment-options-on-data-grid/85622):
>
> I would be nice to have the option to pick a Column alignment when using the Data Grid component. You could allow the alignment here in the DESIGN section or alternatively allow html styling within the ‘Display as’ box.

---

<div class="post-metadata">

**Author:** ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)\
**Post date:** [December 12, 2025, 4:51pm UTC](https://community.glideapps.com/t/data-grid-column-alignment/85621/6 "2025-12-12T16:51:01Z")

</div>

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.