Question

有谁知道如何在asp：GridView中将标题集中到中心？

示例：

enter image description here

和我的代码如下：

<table border="0" width="500">
<tr>
    <td width="450px" align="center">
            <asp:GridView ID="grid" runat="server" AutoGenerateColumns="False"
              DataSourceID="dsTest" DataKeyNames="id"
              CellPadding="6" GridLines="None" AllowPaging="True" PageSize="20" AllowSorting="True" Width="450px">
              <Columns>
                <asp:TemplateField HeaderText="   Address" SortExpression="suburb, street">
                  <ItemTemplate>
                        <a style='cursor:pointer'  href='#'>
                     <%# Eval("unit_number") %> <%# Eval("level_number") %> <%# Eval("street_number") %> <%# Eval("street") %>
                     <%# Eval("suburb") %> <%# Eval("postcode") %></a>
                  </ItemTemplate>
                </asp:TemplateField>
              </Columns>
</asp:GridView>
</td>
</tr>
</table>

有谁知道如何才能将“地址”改为中心？我试图在GridView的css中设置text-align：“center”，但它似乎对我不起作用

另外......如果我想更左边的所有显示地址，有谁知道我该怎么做？

Answer 1

如果您正在使用Visual Studio 2015并像我一样创建“Web应用程序”。这些选项都不起作用。主要是因为Bootstrap.css文件中的调出超过了上述命令。如何解决此问题 - 在网页上插入表格后，您需要在解决方案资源管理器中的“内容”文件夹下打开Bootstrap.css。我搜索了“Table”，发现在第1419行，有两个“表”样式被称为“th”样式。＆＃34;第＆＃34;成为＆＃34;表标题＆＃34;。它默认设置为“text-align：left;”。只需更改＆＃34; left＆＃34; “中心”，一切正常。下面是我发现并修改的默认Bootstrap.css文件的片段。在我的第1413行开始，在第1426行结束。

branches

希望这会有所帮助。

Answer 2

实际上是HeaderStyle-HorizontalAlign

<asp:TemplateField HeaderText="Address" SortExpression="suburb, street" HeaderStyle-HorizontalAlign="Center">

Answer 3

你可以尝试添加一个css类来使其居中

<style type="text/css">
    .header-center{
        text-align:center;
    }
</style>

然后只需添加HeaderStyle-CssClass：

<asp:TemplateField HeaderText="Address" SortExpression="suburb, street" HeaderStyle-CssClass="header-center">

Answer 4

如果您使用bootstrap

，由于bootstrap.css，列的标题是左对齐。

我猜有些css可能会覆盖你的桌面。

bootstrap th style

所以你需要覆盖编辑表头的bootstrap css。正如穆罕默德回答你可以覆盖所有表格的页面。

或者只使用这种风格，选择特定的表格（按表格选择）。

select 
    name, value, count(distinct id) as results
from 
    (select 'test' as name, 'test 2' as value, 5 as id) SQ
group by 
    name, value;

对于为asp：TemplateField留下的内容数据，你必须找到一些与ItemStyle相关的标签 - HorizontalAlign尝试在下面编码

 <style>
                table.table_class tbody  tr th  
                {
                 text-align:center !important;
                }

 </style>

  <asp:GridView runat="server" ID="Gv_Data" 
                CssClass="table_class " 
    ...

对于asp：BoundField你可以这样做

     <asp:TemplateField ItemStyle-HorizontalAlign="Left">
                      <ItemTemplate >
                       ...   

                      </ItemTemplate>

                  </asp:TemplateField>

P.S。＆LT; HeaderStyle HorizontalAlign =＆＃34; Center＆＃34; /＆GT;不会帮助你，因为它会被引导程序覆盖，甚至引导程序的类文本中心也会被覆盖太糟糕了。

Answer 5

使用此

<HeaderStyle HorizontalAlign="Center" />

在<asp:TemplateField HeaderText="Address" SortExpression="suburb, street">标记内

Answer 6

如果使用<HeaderStyle HorizontalAlign="Center" />不起作用，请确保您的网站未添加到IE中的兼容性视图列表中（我遇到了同样的问题，从列表中删除Web服务器解决了我的问题）。

要删除该网站，请在IE中选择设置cog，然后选择“兼容性视图设置”，如果您的网站位于列表中，请将其删除。

删除后，<HeaderStyle HorizontalAlign="Center" />（或任何其他变体）应按预期工作。

Answer 7

简单地将下面提到的样式添加到您的网络表单

<style>
th[scope=col]{
    text-align:center;
}
</style>

Answer 8

这对我有用的 HeaderStyle-的CssClass = “头中心”

Answer 9

创建Site.css文件并添加

2019-12-03 06:00:00 (152.282,-13.505)
2019-12-03 12:00:00 (152.393,-14.8478)
2019-12-03 18:00:00 (152.505,-16.1906)
2019-12-04 00:00:00 (152.618,-17.5335)
2019-12-04 06:00:00 (152.732,-18.8763)
2019-12-04 12:00:00 (152.846,-20.2191)
2019-12-04 18:00:00 (152.962,-21.5619)

我不会修改bootstrap.css文件，以防万一您升级或重新安装...您的更改可能会被覆盖。

现在，您可以使用 Center 为 CssClass 属性

添加 HeaderStyle或ItemStyle 标签。

.Center {
    text-align:center;
}

如何在asp：GridView中将标题标题放入中心

9 个答案: