Remove First Row From Freeze Header Gridivew

Question

User-807418713 posted

Hello

I use this my page

https://www.aspforums.net/Threads/192187/Freeze-GridView-Header-and-first-row-using-jQuery-in-ASPNet/

I want to remove first row example: AAFKM Mudassar Khan

I want to keep header only

how to do so

Answer 1

User-1171043462 posted

Refer

Dynamically freeze ASP.Net Gridview header using JavaScript

Answer 2

User-807418713 posted
Hello Sir

Please check this script and give me the code i want to remove first row all work fine for me in my page

<script type="text/javascript">
$(document).ready(function () {
var width = new Array();
var table = $("table[id*=GridView1]"); //Pass your gridview id here.
table.find("th").each(function (i) {
width[i] = $(this).width();
});
headerRow = table.find("tr:first");
headerRow.find("th").each(function (i) {
$(this).width(width[i]);
});
firstRow = table.find("tr:first").next();
firstRow.find("td").each(function (i) {
$(this).width(width[i]);
});
var header = table.clone();
header.empty();
header.append(headerRow);
header.append(firstRow);
header.css("width", width);
$("#container").before(header);
table.find("tr:first td").each(function (i) {
$(this).width(width[i]);
});
$("#container").height(300);
$("#container").width(table.width() + 20);
$("#container").append(table);
});
</script>

Answer 3

User-1171043462 posted

Remove First row means?

Answer 4

User-807418713 posted
Hello

It's fixing gridview header as well first row
But i want only header to freze not first row check the javascript its freezing first row as well

<script type="text/javascript">
$(document).ready(function () {
var width = new Array();
var table = $("table[id*=GridView1]"); //Pass your gridview id here.
table.find("th").each(function (i) {
width[i] = $(this).width();
});
headerRow = table.find("tr:first");
headerRow.find("th").each(function (i) {
$(this).width(width[i]);
});
firstRow = table.find("tr:first").next();
firstRow.find("td").each(function (i) {
$(this).width(width[i]);
});
var header = table.clone();
header.empty();
header.append(headerRow);
header.append(firstRow);
header.css("width", width);
$("#container").before(header);
table.find("tr:first td").each(function (i) {
$(this).width(width[i]);
});
$("#container").height(300);
$("#container").width(table.width() + 20);
$("#container").append(table);
});
</script>

Answer 5

User-1171043462 posted

So for that simply use my plugin

Scrollable GridView with Fixed Headers using jQuery Plugin

There is no need to write any code