JSFiddle - React, Tailwind, and code Playground

by Juan Gutierrez

HTML

<!-- This is ASP code -->
<asp:LinkButton CausesValidation="true" OnClick="bnt_save_clic" ClientIDMode="Static" ID="btn_save" class="btn btn-outline-info" runat="server"><span class="btn-label"><i class="fas fa-save"></i></span> GUARDAR</asp:LinkButton>
<asp:GridView ID="gridTest" ClientIDMode="Static" runat="server" Width="100%" AutoGenerateColumns="false" ShowHeader="true" ShowFooter="false" class="table table-bordered table-hover " ShowHeaderWhenEmpty="true">
    <Columns>
        <asp:TemplateField AccessibleHeaderText="data_id">
            <ItemTemplate>
                <asp:HiddenField ID="data_id" ClientIDMode="Predictable" runat="server" Value='<%# Bind("data_id") %>' />
            </ItemTemplate>
        </asp:TemplateField>
        <asp:BoundField DataField="data_1" AccessibleHeaderText="data_1" HeaderText="Header_data_1" ItemStyle-HorizontalAlign="Left" ShowHeader="true"/>
        <asp:BoundField DataField="data_2" AccessibleHeaderText="data_2" HeaderText="Header_data_2" ItemStyle-HorizontalAlign="Left" ShowHeader="true"/>
        <asp:BoundField DataField="data_3" AccessibleHeaderText="data_3" HeaderText="Header_data_3" ItemStyle-HorizontalAlign="Left" ShowHeader="true"/>
        <asp:BoundField DataField="data_4" AccessibleHeaderText="data_4" HeaderText="Header_data_4" ItemStyle-HorizontalAlign="Left" ShowHeader="true"/>
        <asp:BoundField DataField="data_5" AccessibleHeaderText="data_5" HeaderText="Header_data_5" ItemStyle-HorizontalAlign="Left" ShowHeader="true"/>        
        <asp:BoundField DataField="data_6" AccessibleHeaderText="data_6" HeaderText="Header_data_6" ItemStyle-HorizontalAlign="Left" ShowHeader="true"/>
        <asp:BoundField DataField="data_7" AccessibleHeaderText="data_7" HeaderText="Header_data_7" ItemStyle-HorizontalAlign="Left" ShowHeader="true"/>        
    </Columns>
</asp:GridView>

<!-- This is C# code -->
protected void bnt_save_clic(object sender, EventArgs e)
{
    if (IsValid)
    {
        using...