Table row are not display well in grid view

Amit Samnani

hi friends,

i have one grid view with alternate color row in asp.net MVC. i also include delete and edit functionality to each row but after deleting one row the color is not maintain well means sequence of alternate row is miss mach so it create bad row design what should i do to solve this problem.

following is the image before deleting ...

following is the image after deleting the one row.....

8 Replies

Know the answer? Post it — somebody with the same question will find it here.

Manoj Bhoir11y ago
Accepted answer
Hi Amit,

I know you are using this for alternate row color.

But don't u think it should be like this :
$("tr:even").css("background-color", "#F4F4F8"); $("tr:odd").css("background-color", "#EFF1F1"); You are setting css two times for odd rows.
+1
Manoj Bhoir11y ago
Welcome Amit.
0
Amit Samnani11y ago
Dear Manoj, i think your suggestion might be right after some changes thank you so much
0
Amit Samnani11y ago
dear Manoj, i used this two line for setting CSS in td because their are alternate row
0
Manoj Bhoir11y ago
Hi,
Why you write this same line two times :

$("tr:odd").css("background", "#ededed");

SetBlurDiv(PopUp, blur);
$("tr:odd").css("background", "#ededed");
// $("#divGrid").load('/Settings/DomainSettings #divGrid');
$("tr:odd").css("background", "#ededed");
document.getElementById("txtSearch").value = "Enter your search
0
Amit Samnani11y ago
Above is the code for delete row. this script fire when user click on delete button and deleted row is disappear but color of the row is mismatched
0
Amit Samnani11y ago
        function deleteDomain() {
                 var DomainId = $("#hdnId").val();
                 var DomainId1 = $("#hdnId1").val();

                 var Searchtxt = "";
                 var NextCount = 1;
                 var ParamData = { DomainId: DomainId }

                 $.ajax({
                     url: "/Settings/DeleteDomain",
                     type: "POST",
                     data: JSON.stringify(ParamData),
                     dataType: "json",
                     contentType: "Application/json; charset=utf-8",
                     success: function (result) {
                         HidePopUp('DivDeleteConfirm', 'blur');
                         var PopUp = document.getElementById("DivDeleteConfirm2");
                         var blur = document.getElementById("blur");
                         SetBlurDiv(PopUp, blur);
                         $("tr:odd").css("background", "#ededed");
                         // $("#divGrid").load('/Settings/DomainSettings #divGrid');
                         $("tr:odd").css("background", "#ededed");
                         document.getElementById("txtSearch").value = "Enter your search here...";
                         document.getElementById("grdLeadQueue").deleteRow(DomainId1);
                         $("#hdnId").val(0);
                         NxtCount = 1;
                         //$("#divGrid").load('/Settings/LoadOnScroll?Searchstr=' + Searchtxt + '&NextCount=' + NextCount + ' #divGrid');
                         // $("tr:odd").css("background", "#ededed");
                     },
                     error: function (data) {
                         if (data.status === 401) {
                             Logout();
                             return;
                         }
                     },
                     complete: function () {
                         // $("tr:odd").css("background", "#ededed");
                     }
                 });
                 // $("tr:odd").css("background", "#ededed");
             }
0
Manoj Bhoir11y ago
Hi Amit,

What logic you are using to colored your grid view rows? If you write any javascript function or code for that then you have to re call that after any changes performed on your grid data. If you provide the code snippet or logic you are using in your application we will help you. because without seeing any code we can not predict anything about what is wrong in your applicatioin.
+1