如何使用 asp.net webform 中的 bootstrap 格式化 gridview 的编辑、更新、删除按钮

Question

目前我有一个 gridview，在 asp.net 网络表单的 gridview 上启用了编辑、删除和更新按钮。只是徘徊如何编辑这些按钮，因为默认情况下它们被设计成看起来像一个简单的超链接。

这里是 gridview 设计代码：

<asp:GridView ID="GridView1" CssClass="table table-bordered" runat="server" 
  AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False" 
  AutoGenerateDeleteButton="True" AutoGenerateEditButton="True" 
  AutoGenerateSelectButton="True" DataKeyNames="Sr_No" DataSourceID="SqlDataSource1" 
  OnSelectedIndexChanged="GridView1_SelectedIndexChanged" 
  OnRowEditing="GridView1_RowEditing">
    <Columns>
        <asp:BoundField DataField="Sr_No" HeaderText="Sr_No" InsertVisible="False" ReadOnly="True" SortExpression="Sr_No" />
        <asp:BoundField DataField="Title" HeaderText="Title" SortExpression="Title" />
        <asp:BoundField DataField="From_Date" HeaderText="From_Date" SortExpression="From_Date" />
        <asp:BoundField DataField="To_Date" HeaderText="To_Date" SortExpression="To_Date" />
        <asp:BoundField DataField="No" HeaderText="No" SortExpression="No" />
        <asp:BoundField DataField="Remarks" HeaderText="Remarks" SortExpression="Remarks" />
    </Columns>
</asp:GridView>

如上面代码所示，我在这个设计中找不到按钮线。在此先感谢。（我只是 .net 开发的初学者）

Answer 1

如果您使用具有命令名称 Edit、Delete、Cancel 和 Update 等的 LinkButton 创建模板字段，那么您可以设置它们的样式。

<asp:GridView ID="GridView1" runat="server">
    <Columns>
        <asp:TemplateField>
            <ItemTemplate>

                <asp:LinkButton ID="editRow" runat="server" CommandName="Edit" Text="Edit" CssClass="btn btn-primary" />

            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

如何使用 asp.net webform 中的 bootstrap 格式化 gridview 的编辑、更新、删除按钮

How to format edit, update, delete buttons of gridview using bootstrap in asp.net webform

.net

c#

asp.net

webforms

bootstrap-4