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

发布时间：2023-02-25 10:50:44 所属栏目：Asp教程来源：

导读：如何解决如何在asp：GridView中使标题标题居中？
|| 有谁知道如何在asp：GridView中将标题居中？例：和我的代码如下：
<table border=\"0\" width=\"500\">
<tr>
<td width=\"450px\" align=\"center\">

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

（编辑：汽车网）

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