![](/img/trans.png)
[英]ASP.NET: Repeater with Button inside GridView: Call OnRowCommand of the GridView
[英]CSS position a button inside gridview cell (ASP.NET)
我一直在努力将编辑按钮定位在单元格右上角的网格视图单元格内。 行高因行而异,因此我无法使用 CSS 高度,并且内部 div 不会填充行的整个高度。 基本上我希望模板字段 (td) 内的所有 div 与整个表格行 (tr) 的高度相同。 我附上了两张我得到的和我想要的照片。 有人可以帮忙吗?
<asp:TemplateField HeaderText="Префикс GS1" SortExpression="gs1prefix">
<ItemTemplate>
<div style="width:110px;">
<div style="top:0;right:0">
<div style="font-size:0.6em;">
<asp:LinkButton runat="server" ID="lnkEdit2" CommandName="Edit" Text="(Изменить)" />
</div>
</div>
<asp:Label runat="server" Font-Bold="true" ID="lblPartnersGs1Prefix" Text='<%# Eval("gs1prefix") %>' />
</div>
</ItemTemplate>
</asp:TemplateField
我得到的:
我想得到什么:
更新:这是生成的 HTML:
<td align="center" valign="middle">
<div style="width:110px;">
<div style="top:0;right:0">
<div style="font-size:0.6em;">
<a id="ContentPlaceHolder1_gvPartners_lnkEdit2_0" href="javascript:__doPostBack('ctl00$ContentPlaceHolder1$gvPartners$ctl02$lnkEdit2','')">(Изменить)</a>
</div>
</div>
<span id="ContentPlaceHolder1_gvPartners_lblPartnersGs1Prefix_0" style="font-weight:bold;">501028410</span>
</div>
</td>
和样式表片段:
.ColoredGridView{
background-color:white;
}
.ColoredGridView td {
background-color: #9deef1;
border-style: none;
border-width: 0;
padding: 8px;
}
.ColoredGridView td a
{
border-bottom: 1px dotted;
text-decoration-line:none;
}
有两种方法可以解决这个问题
<asp:LinkButton runat="server" cssClass="myClass" ID="lnkEdit2" CommandName="Edit" Text="(Изменить)" />
并在您的 CSS 中创建一个类,然后将其定位到您需要的位置
或者
<asp:LinkButton runat="server" style="text-align: right; vertical-align: top;" ID="lnkEdit2" CommandName="Edit" Text="(Изменить)" />
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.