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

发布时间：2023-02-18 08:40:45 所属栏目：Asp 来源：互联网

导读：如何解决如何在asp：GridView中使标题标题居中？ || 有谁知道如何在asp：GridView中将标题居中？例：和我的代码如下： table border= width=500 tr td width=450px align=center asp:GridView ID=grid runat=server AutoGenerateColumns=Fal

　　如何解决如何在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标记

（编辑：甘南站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

1/2

尾页