locked
frozen column and scrollable gridview redux RRS feed

  • Question

  • User4770920 posted

    I was trying to use the code shown by samwu at the link below (copied and pasted into a New Web Project) to create frozen columns.  Unfortunately, the columns don't freeze; I just get a table that scrolls around, including the "frozen" columns.  (The "frozen" column text doesn't even show up as red, if that helps.)

    Does anyone have insight into this?  Have I set something up incorrectly?  I'm completely stumped.

    https://forums.asp.net/t/2154515.aspx?frozen+column+and+scrollable+gridview

    Friday, March 27, 2020 1:22 PM

All replies

  • User409696431 posted

    The insight we can provide is: yes, you have something not set up properly if you copied working code and it doesn't work.

    You need to post your code if you want help finding out what is wrong.

    Saturday, March 28, 2020 7:04 PM
  • User288213138 posted

    Hi go_4_tli,

    Does anyone have insight into this?  Have I set something up incorrectly?  I'm completely stumped.

    Did you quote the css style and jquery? 

    Please go through F12 to see if your code has any errors.

    If you can't solve the problem, please post your test code and test results.

    Best regards,

    Sam

    Monday, March 30, 2020 2:18 AM
  • User4770920 posted

    The three leftmost columns change their style, but they don't "lock".  Nor does the topmost row, but that's a separate issue.  Here's my ASPX:

    <%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
        CodeBehind="Default.aspx.cs" Inherits="COVID19._Default" %>
    
    <asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
       <style type="text/css">
    
    div#div-datagrid {
    width: 220px;
    height: 100px;
    overflow: auto;
    scrollbar-base-color:#ffeaff;
    }
    
    /* Locks the left column */
    td.locked, th.locked {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background-color: navy;
    color: white;
    border-right: 1px solid silver;
    ;
    cursor: default;
    /*IE5+ only*/
    left: expression(document.getElementById("div-datagrid").scrollLeft-2);
    }
    
    /* Locks table header */
    th {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background-color: navy;
    color: white;
    border-right: 1px solid silver;
    ;
    cursor: default;
    /*IE5+ only*/
    left: expression(document.getElementById("div-datagrid").scrollLeft-2);
    top: expression(document.getElementById("div-datagrid").scrollTop-2);
    z-index: 10;
    }
    
    /* Keeps the header as the top most item. Important for top left item*/
    th.locked {z-index: 99;}
    
    /* DataGrid Item and AlternatingItem Style*/
    .GridRow {font-size: 10pt; color: black; font-family: Arial;
                 background-color:#ffffff; height:35px;}
    .GridAltRow {font-size: 10pt; color: black; font-family: Arial;
                 background-color:#eeeeee; height:35px;}
    </style>
    </asp:Content>
    <asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <div style="overflow-x:auto;width:920px;height:500px">
        <asp:GridView ID="SickGrid" runat="server" OnRowCreated="SickGrid_RowCreated" OnRowDataBound="SickGrid_RowDataBound">
        </asp:GridView>
    </div>
    
    
    </asp:Content>

    ... and here's my C#:

    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    
    using System.Data;
    using System.Data.SqlClient;
    using System.Net.Mail;
    using System.Text.RegularExpressions;
    using System.Web.Configuration;
    
    namespace COVID19
    {
        public partial class _Default : System.Web.UI.Page
        {
            protected void Page_Load(object sender, EventArgs e)
            {
                FillSickGrid();
            }
    
            protected void FillSickGrid()
            {
                DataTable dt = new DataTable();
    
                dt.Columns.Add("Region");
                dt.Columns.Add("Country");
                dt.Columns.Add("Site");
                dt.Columns.Add("Condition");
                dt.Columns.Add("Site Working from Home?");
                dt.Columns.Add("Total");
                dt.Columns.Add("Total Working from Home");
                dt.Columns.Add("Total Sick");
                dt.Columns.Add("Total Self-Quarantined");
                dt.Columns.Add("Total IDL");
                dt.Columns.Add("IDL Working from Home");
                dt.Columns.Add("IDL Sick");
                dt.Columns.Add("IDL.Self-Quaratnined");
                dt.Columns.Add("Total DL");
                dt.Columns.Add("DL Working from Home");
                dt.Columns.Add("DL Sick");
                dt.Columns.Add("DL Self-Quarantined");
                dt.Columns.Add("HR Comments");
                dt.Columns.Add("Logistics Comments");
                dt.Columns.Add("IT Comments");
                dt.Columns.Add("EHS Comments");
                dt.Columns.Add("Finance Comments");
                dt.Columns.Add("Division Head Comments");
                dt.Columns.Add("Site Manager Comments");
    
                string connStr = WebConfigurationManager.AppSettings["connectionString"];  
                // get the connection    
                using(SqlConnection conn = new SqlConnection(connStr)) {  
                    // write the sql statement to execute    
                    string sql = "SELECT Region, Country, Site FROM LocationMaster ORDER BY Region, Country, Site;";  
                    // instantiate the command object to fire    
                    using(SqlCommand cmd = new SqlCommand(sql, conn)) {  
                        // get the adapter object and attach the command object to it    
                        using(SqlDataAdapter ad = new SqlDataAdapter(cmd)) {  
                            // fire Fill method to fetch the data and fill into DataTable    
                            ad.Fill(dt);  
                        }  
                    }  
                }
    
                SickGrid.DataSource = dt;
                SickGrid.DataBind();
            }
    
            protected void SickGrid_RowCreated(object sender, EventArgs e)
            {
            }
    
            protected void SickGrid_RowDataBound(object sender, GridViewRowEventArgs e)
            {
                e.Row.Cells[0].CssClass = "locked";
                e.Row.Cells[1].CssClass = "locked";
                e.Row.Cells[2].CssClass = "locked";
            }
        }
    }
    

    Monday, March 30, 2020 4:27 PM
  • User4770920 posted

    I also tried the strategy shown in the site I linked to -- my ASPX:

    <%@ Page Title="Home Page" Language="C#" AutoEventWireup="true"
        CodeBehind="Default.aspx.cs" Inherits="COVID19._Default" %>
    
    <!DOCTYPE html>
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
        <style type="text/css">
                .table-scroll {
    	            ;
    	            max-width:1000px;
    	            margin:auto;
    	            overflow-x:hidden;
                    overflow-y:scroll;
    	            border:1px solid #000;
                }
                .table-wrap {
    	            width:100%;
    	            overflow:auto;
                }
                .table-scroll table {
    	            width:100%;
    	            margin:auto;
    	            border-collapse:separate;
    	            border-spacing:0;
                }
                .table-scroll th, .table-scroll td {
    	            padding:5px 10px;
    	            border:1px solid #000;
    	            background:#fff;
    	            white-space:nowrap;
    	            vertical-align:top;
                }
                .table-scroll thead, .table-scroll  {
    	            background:#f9f9f9;
                }
                .clone {
    	            ;
    	            top:0;
    	            left:0;
    	            pointer-events:none;
                }
                .clone th, .clone td {
    	            visibility:hidden
                }
                .clone td, .clone th {
    	            border-color:transparent
                }
                .clone tbody th {
    	            visibility:visible;
    	            color:red;
                }
                .clone .fixed-side {
    	            border:1px solid #000;
    	            background:#eee;
    	            visibility:visible;
                }
                .clone thead, .clone tfoot{
                    background:transparent;
    
                }
        </style>
        <title></title>
        <script type="text/javascript" src="../NewFolder1/jquery-3.3.1.min.js"></script>
        <script type="text/javascript">
            jQuery(document).ready(function () {
                jQuery(".main-table").clone(true).appendTo('#table-scroll').addClass('clone');
            });
        </script>
    
    </head>
      
    
    <body>
        <form id="form1" runat="server">
            <div id="table-scroll" class="table-scroll"   style="height:200px">
            <div class="table-wrap"  >
        <table class="main-table"   >
          <thead>
            <tr>
              <th class="fixed-side" scope="col">&nbsp;</th>
              <th class="fixed-side" scope="col">&nbsp;</th>
              <th class="fixed-side" scope="col">&nbsp;</th>
              <th scope="col">Overall Condition</th>
              <th scope="col">Site Working from Home?</th>
              <th scope="col">Total Employees</th>
              <th scope="col">Total Working from Home</th>
              <th scope="col">Total Sick with COVID-19</th>
              <th scope="col">Total in Self-Quarantine</th>
              <th scope="col">IDL Employees</th>
              <th scope="col">IDL Working from Home</th>
              <th scope="col">IDL Sick with COVID-19</th>
              <th scope="col">IDL in Self-Quarantine</th>
              <th scope="col">DL Employees</th>
              <th scope="col">DL Working from Home</th>
              <th scope="col">DL Sick with COVID-19</th>
              <th scope="col">DL in Self-Quarantine</th>
              <th scope="col">HR Comments</th>
              <th scope="col">Logistics Comments</th>
              <th scope="col">IT Comments</th>
              <th scope="col">EHS Comments</th>
              <th scope="col">Finance Comments</th>
              <th scope="col">Division Head Comments</th>
              <th scope="col">Site Manager Comments</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <th class="fixed-side">Asia</th>
              <th class="fixed-side">China</th>
              <th class="fixed-side">Shanghai</th>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr>
              <th class="fixed-side">Asia</th>
              <th class="fixed-side">China</th>
              <th class="fixed-side">Tianjin</th>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr>
              <th class="fixed-side">Asia</th>
              <th class="fixed-side">India</th>
              <th class="fixed-side">Chennai</th>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr>
              <th class="fixed-side">Asia</th>
              <th class="fixed-side">Japan</th>
              <th class="fixed-side">Akita</th>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr>
              <th class="fixed-side">Asia</th>
              <th class="fixed-side">Japan</th>
              <th class="fixed-side">Tokyo</th>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr>
              <th class="fixed-side">Asia</th>
              <th class="fixed-side">Taiwan</th>
              <th class="fixed-side">Taipei</th>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
               <tr>
              <th class="fixed-side">Europe</th>
              <th class="fixed-side">France</th>
              <th class="fixed-side">Chartres</th>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
               <tr>
              <th class="fixed-side">Europe</th>
              <th class="fixed-side">France</th>
              <th class="fixed-side">Chavenay</th>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
               <tr>
              <th class="fixed-side">Europe</th>
              <th class="fixed-side">Germany</th>
              <th class="fixed-side">Heilbronn</th>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
               <tr>
              <th class="fixed-side">Europe</th>
              <th class="fixed-side">Germany</th>
              <th class="fixed-side">Teltow</th>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
               <tr>
              <th class="fixed-side">Europe</th>
              <th class="fixed-side">Germany</th>
              <th class="fixed-side">Ulm</th>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
               <tr>
              <th class="fixed-side">Europe</th>
              <th class="fixed-side">Ireland</th>
              <th class="fixed-side">Dublin</th>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
               <tr>
              <th class="fixed-side">Europe</th>
              <th class="fixed-side">Spain</th>
              <th class="fixed-side">Madrid</th>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
               <tr>
              <th class="fixed-side">Europe</th>
              <th class="fixed-side">Sweden</th>
              <th class="fixed-side">Karlskoga</th>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
               <tr>
              <th class="fixed-side">Europe</th>
              <th class="fixed-side">UK</th>
              <th class="fixed-side">Basingstoke</th>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
               <tr>
              <th class="fixed-side">Europe</th>
              <th class="fixed-side">UK</th>
              <th class="fixed-side">Bradford</th>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
               <tr>
              <th class="fixed-side">Israel</th>
              <th class="fixed-side">Israel</th>
              <th class="fixed-side">Carmiel</th>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
               <tr>
              <th class="fixed-side">Israel</th>
              <th class="fixed-side">Israel</th>
              <th class="fixed-side">Holon</th>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
               <tr>
              <th class="fixed-side">Israel</th>
              <th class="fixed-side">Israel</th>
              <th class="fixed-side">Holon_AZ</th>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
               <tr>
              <th class="fixed-side">Israel</th>
              <th class="fixed-side">Israel</th>
              <th class="fixed-side">Omer</th>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
               <tr>
              <th class="fixed-side">Americas</th>
              <th class="fixed-side">Canada</th>
              <th class="fixed-side">Kelowna</th>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
               <tr>
              <th class="fixed-side">Americas</th>
              <th class="fixed-side">Canada</th>
              <th class="fixed-side">Toronto</th>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
               <tr>
              <th class="fixed-side">Americas</th>
              <th class="fixed-side">US</th>
              <th class="fixed-side">Concord</th>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
               <tr>
              <th class="fixed-side">Americas</th>
              <th class="fixed-side">US</th>
              <th class="fixed-side">Kent</th>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
               <tr>
              <th class="fixed-side">Americas</th>
              <th class="fixed-side">US</th>
              <th class="fixed-side">Malvern</th>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
               <tr>
              <th class="fixed-side">Americas</th>
              <th class="fixed-side">US</th>
              <th class="fixed-side">Newton</th>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
               <tr>
              <th class="fixed-side">Americas</th>
              <th class="fixed-side">US</th>
              <th class="fixed-side">Ontario</th>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
               <tr>
              <th class="fixed-side">Americas</th>
              <th class="fixed-side">US</th>
              <th class="fixed-side">Poestenkill</th>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
               <tr>
              <th class="fixed-side">Americas</th>
              <th class="fixed-side">US</th>
              <th class="fixed-side">Wendell</th>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
        </form>
    </body>
    </html>

    ... and my C#:

    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    
    namespace COVID19
    {
        public partial class _Default : System.Web.UI.Page
        {
            protected void Page_Load(object sender, EventArgs e)
            {
    
            }
        }
    }
    

    Monday, March 30, 2020 4:35 PM
  • User288213138 posted

    Hi go_4_tli,

    <script type="text/javascript" src="../NewFolder1/jquery-3.3.1.min.js"></script>

    I tested your code, it also works fine in my site.

    There should be a problem with your js references.

    Please check if there are errors in the console through F12.

    Best regards,

    sam

    Tuesday, March 31, 2020 2:07 AM