如何在asp：GridView中使标题标题居中

如何解决如何在asp：GridView中使标题标题居中

|| 有谁知道如何在asp：GridView中将标题居中？例：和我的代码如下：

<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 \”，但它似乎对我不起作用另外...如果我想在左侧增加所有显示地址，有人知道我该怎么做吗？

解决方法

其实是ѭ1

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

,如果您使用的是Visual Studio 2015，并且像我一样创建“ Web应用程序”。这些选项均无效。主要是因为上述命令被Bootstrap.css文件中的调出覆盖。解决方法-在网页上插入表格后，您需要在解决方案资源管理器中的“内容”文件夹下打开Bootstrap.css。我搜索“表格”，发现在第1419行，有两个“表格”样式被呼出，并围绕着“ th”样式。 \“ th \”是\“表头\”。默认情况下将其设置为“ text-align：left;”。只需将“ left”更改为“ center”，一切正常。以下是我找到并更改的默认Bootstrap.css文件的片段。在我看来，它从1413行开始，到1426行结束。

table {
  max-width: 100%;
  background-color: transparent;
  text-align:center;
}
th {
  text-align: center;
}

.table {
  width: 100%;
  margin-bottom: 20px;
}

希望这可以帮助。 ,您可以尝试添加一个CSS类来居中

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

然后只需添加HeaderStyle-CssClass：

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

,如果您使用引导程序，由于bootstrap.css \的原因，“列”的标题为“左对齐”。我猜有些CSS可能会覆盖您的表头。自举样式因此，您需要重写用于编辑表头的引导CSS。作为Mohammad的答案，您可以覆盖所有表即页面。或仅使用此样式，即选择特定表格的（按表格的类选择）。

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

 </style>

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

对于asp：TemplateField剩下的内容数据，您必须找到一些与ItemStyle-HorizontalAlign相关的标签，尝试下面的代码

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

                      </ItemTemplate>

                  </asp:TemplateField>

对于asp：BoundField，您可以像这样

    <asp:BoundField DataField=\"rownum\" HeaderText=\"ลำดับที่\" ItemStyle-
    HorizontalAlign=\"Center\"  />

ps。不会帮您，因为它会被bootstrap覆盖，而且很糟糕，即使bootstrap的类文本中心也将被覆盖。 ,用这个

<HeaderStyle HorizontalAlign=\"Center\" />

在<asp:TemplateField HeaderText=\"Address\" SortExpression=\"suburb,street\">标签内 ,如果使用<HeaderStyle HorizontalAlign=\"Center\" />不起作用，请确保未将您的网站添加到IE的“兼容性视图”列表中（我遇到了同样的问题，并且从列表中删除Web服务器为我解决了该问题）。要删除该网站，请在IE中选择设置齿轮，然后选择\“兼容性视图设置”，如果您位于列表中，则将其删除。移除后，<HeaderStyle HorizontalAlign=\"Center\" />（或任何其他变体）应能按预期工作。 ,简单，只需将以下提及的样式添加到您的Web表单中

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

,这对我有用 HeaderStyle-CssClass = \“标题中心\” ,创建一个Site.css文件并添加

.Center {
    text-align:center;
}

我不会修改bootstrap.css文件，以防万一您升级或重新安装...您的更改可能会被覆盖。现在，您可以使用Center为CssClass属性添加HeaderStyle或ItemStyle标记

<asp:BoundField ….>
   …...
  <HeaderStyle CssClass=\"Center\" Width=\"10px\" Wrap=\"False\" />
  <ItemStyle CssClass=\"Center\" Width=\"10px\" Wrap=\"False\" />
</asp:BoundField>

如何在asp：GridView中使标题标题居中

如何解决如何在asp：GridView中使标题标题居中

解决方法

相关推荐