DC2890 Ответов: 1

Прокручиваемый заголовок замораживание gridview

I have used below code for scrollable header freeze in GridView

Scrollable Gridview with fixed headers in asp.net - ASP.NET,C#.NET,MVC,JQuery,JavaScript,SQL Server,WCF examples[^]

It working fine.

but it create griewview clone.
when i copy gridview data then it paste twice.


Что я уже пробовал:

ScriptManager.RegisterStartupScript(Page, this.GetType(), "Key", "<script>MakeStaticHeader('" + GridView1.ClientID + "', 500,1250 , 85 ,true); </script>", false);

1 Ответов

Рейтинг:
1

Richard Deeming

Если вы просто хотите, чтобы строка заголовка оставалась в поле зрения во время прокрутки таблицы, вам вообще не нужен никакой Javascript. Просто использовать липкое позиционирование[^].

table.sticky-header > thead th {
    position: sticky;
    top: 0;
    background-color: white;
}
Демонстрация[^]
Положение липких и заголовков таблиц | CSS-трюки[^]

Поддержка браузера довольно хороша: Могу ли я использовать... Таблицы поддержки для HTML5, CSS3 и т. д[^]

Вы также можете добавить липкие нижние колонтитулы с тем же подходом: Демонстрация[^]