Hiding row in client side Header style lost

210

Priyabala posted over 10 years ago

In webdatagrid 12.1, When hiding a row in client side, gird header and footer have lost style and header text in chrome. can any one assist on the problem.

this is the code I have used to hide row in client side

activeRow._element.cells[1].style.display ="none";

activeRow._element.cells[1].style.visibility ="hidden";

20255

Offline Zdravko Kolev posted over 10 years ago in reply to Priyabala

Hello,

I'm glad that I've managed to help you!
Cancel
Reply

Cancel
210

Priyabala posted over 10 years ago in reply to Zdravko Kolev

Hai,

Thank you very much for your solution, my issue is solved.
Cancel
Reply

Cancel
20255

Offline Zdravko Kolev posted over 10 years ago in reply to Priyabala

Hello,

I'm just checking if you have resolved your issue.
Cancel
Reply

Cancel
20255

Suggested Answer
Offline Zdravko Kolev posted over 10 years ago in reply to Priyabala

Hello,

Yes, I have managed to reproduce this issue, my suggestion is to use createSizingRow() function in order to fix this behavior. I'm sending you the definition of the click button function after the changes I have made:

$("#actionBtn").on("click", function () {
                if ($(this).val() == "Hide") {
                    $(ig_controls.WebDataGrid1.get_rows().get_row(0).get_element()).addClass("hide");
                    var rowIndexToHide = 0; // Hide the first row

                    if (ig_controls.WebDataGrid1.get_rows().get_row(rowIndexToHide).get_index() == 0) {
                        ig_controls.WebDataGrid1._createSizingRow();
                    }

                    $(this).val("Show");
                } else {
                    $(ig_controls.WebDataGrid1.get_rows().get_row(0).get_element()).removeClass("hide");
                    $(this).val("Hide");
                }
            })

If you have any further question regarding this, please do not hesitate to contact me.

Looking forward to hearing from you!
Cancel
Reply

Reject Answer

Cancel
210

Priyabala posted over 10 years ago in reply to Zdravko Kolev

Hai,

Sorry for the late reply, as per your suggestion everything works fine in IE .

But in Chrome when I hide the first row in webdatagrid, it removes the header and footer.
Cancel
Reply

Cancel