Bootstrap CSS-striped, not working with a knockout if attached

Question

Let's say I have the following table that works with bootstrap css and knockout:

<table  style="cursor:pointer;" class="table table-striped table-bordered table-hover table-condensed">
   <tbody data-bind="foreach: items">
         <tr>
            <td data-bind="text: name"></td>
         </tr>
         <tr data-bind="if: somecondition">
             <td>test</td>
         </tr>
   </tbody>

</table>

Now, if I set "somecondition"to return "true", I see that there is a zebra stripe in the result table. All perfectly. But if I change the condition to false, it is obvious that the line disappears from the screen, but I do not see any color of alternating lines. Does anyone know why and how I can show the color of alternating lines?

Answer 1

, if , , , , . ( , , , ": ", " " ). , if , tr, tr , tr , :nth-child , Bootstrap , . ( , , "Inspect element" , , DOM.)

/ , KO :

<!-- ko: if: somecondition -->
<tr>
    <td>test</td>
</tr>
<!-- /ko -->

, : http://jsbin.com/tupusemu/1

, : http://jsbin.com/tupusemu/2

Answer 2

tbody , .