how to hide table row dynamically if any of the td value is empty

[Srikanth Ramaswamy]

Hi Team,

I am very new to knockout js. Could you please suggest me how can I hide a table row dynamically if any of the td value is empty in that row. 

Thanks nd Regards,

Srikanth G.

[Gunnar Liljas]

Show us the "td"

--
You received this message because you are subscribed to the Google Groups "KnockoutJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email to knockoutjs+...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[marks_01]

try something like this (pseudo code):

<table>

    <!-- ko foreach: MyRowArray -->

        <!-- ko if: MyRow.AllMyCellsHaveValues() -->

            <tr>

                  <td data-bind="text:MyCellProperty1"></td>

                  <td data-bind="text:MyCellProperty2"></td>

                  <td data-bind="text:MyCellProperty3"></td>

                  <td data-bind="text:MyCellProperty4"></td>

            </tr>

        <!-- /ko -->

    <!-- /ko -->

</table>

The above repeats TRs for each item in an array, then uses an IF Binding to check a custom function called AllMyCellsHaveValues().    If the custom function returns false, the that TR won't be rendered.   You'll need to add that custom function to your array item object definition.   I hope that makes sense.