Link to home
Start Free TrialLog in
Avatar of zstafa
zstafa

asked on

How do I center the text in a datagrid

How can I center the text in my datagrid?
Avatar of yellowjetski
yellowjetski

Add it on the HTML side on the aspx page
<ASP:TemplateColumn ItemStyle-HorizontalAlign=Center>

Here's some sample code

<ASP:DATAGRID id="drgList" runat="server" AutoGenerateColumns="False" BorderWidth="1px"
      width="100%" cellpadding="2" Cellspacing="0" GridLines="Horizontal" BorderColor="#E0DFE3">
      <ALTERNATINGITEMSTYLE CSSCLASS="gridItem2"></ALTERNATINGITEMSTYLE>
      <ITEMSTYLE CSSCLASS="gridItem2" VERTICALALIGN="Top"></ITEMSTYLE>
      <EDITITEMSTYLE VERTICALALIGN="Top"></EDITITEMSTYLE>
      <HEADERSTYLE CSSCLASS="tableHeader3"></HEADERSTYLE>
      <FOOTERSTYLE CSSCLASS="gridItem"></FOOTERSTYLE>
      <COLUMNS>
            <ASP:TemplateColumn ItemStyle-HorizontalAlign=Center>
                  <ITEMTEMPLATE>
                        <ASP:LABEL Runat="server" ID="Label2">
                              <%# DataBinder.Eval(Container.DataItem, "STUFF")%>
                        </ASP:LABEL>
                  </ITEMTEMPLATE>
            </ASP:TemplateColumn>
      </COLUMNS>
</ASP:DATAGRID>
You can even do this in design view

Right Click on DataGrid --> Click on Property Builder --> Format --> Click on Items/Headers & Modify Horizontal Alignment as you want....

-tushar
However, if you have two columns and you want to right align one and left align the other one, you HAVE to do it from the HTML side.

If you only have one align requirement, you COULD do it from the Design side
Ofcorse you can..!!

Go to Property Builder --> Format --> Expand Columns --> Expand Column[n] --> Click on Header/Items/footer! & change allignments

Only time you cannot set Allignment for different column here in design view if they are AutoGenerated Columns. And if that is the case then you cannot even set alignment in HTML.

-tushar
And if it's a Windows Form then check out following article from MSDN to setup formatting for DataGrid..

http://msdn.microsoft.com/library/default.asp?url=/library/en-us/vbcon/html/vbtskformattingthedatagridatdesigntime.asp

-tushar
Avatar of zstafa

ASKER

Actually I'm not using asp at all. Just a datagrid in a form. Sorry for the mixup.
Avatar of zstafa

ASKER

The link to Microsoft about setting up formatting for datagrids doesn't say anything about text alignment. Does anyone know of any way i could find out how to do this? Thanks
ASKER CERTIFIED SOLUTION
Avatar of tusharashah
tusharashah

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of zstafa

ASKER

Thanks alot for your help. Adding the tablestyles and the columstyles allowed me to control the alignment of each column.
Nice to have you going zstafa!

Thanks for A:)

-tushar