HOW TO HIDE A TABLE ROW WITH KNOCKOUT STYLE BINDING

Goti Bandu

Total Post:119

Points:835
Posted by  Goti Bandu
 1445  View(s)
Ratings:
Rate this:

I want to bind the display-style of a table row with knockout.js to a viewmodel property. I have to use the binding, because I want to hide or show the table row depending on other properties in my viewmodel.

Sample HTML code:

<tr data-bind="style: myProperty">

    Test

</tr>

The viewModel:

this.myProperty = ko.computed(() => {

    return "{ display: none }";

});

But this doesn't work. The property is entered after loading the page, but the table row is still displayed. Is there another way to do this or did I forgot something?

 

  1. Jeet Verma

    Post:110

    Points:776
    Re: How to Hide a table row with knockout style binding

    You should use "visible" binding instead. More details here

    Your example may looks like:

    <tr data-bind="visible: myProperty">

        Test

    </tr>

     

Answer

NEWSLETTER

Enter your email address here always to be updated. We promise not to spam!