<table class="table table-striped">
                            <thead>
                                <tr>
                                    <th>Name</th>
                                    <th>Last Modified By</th>
                                    <th>Last Modified On</th>
                                    <th>Status</th>
                                </tr>
                            </thead>
                            <tbody data-ng-repeat="n in news" data-ng-switch on="newsDataCollapse[$index]">
                                <tr title="Click to toggle collapse/expand info of this news" data-ng-click="selectTableRow($index, news.newsId)" >
                                    <td>{{n.name}}</td>
                                    <td>{{n.updatedBy}}</td>
                                    <td>{{n.updatedOn}}</td>
                                    <td>{{n.status}}</td>
                                </tr>
                                <tr data-ng-switch-when="true">
                                    <td colspan="4">
                                        <div ng-if="attachments">
                                            attachments:
                                            <li ng-repeat="att in attachments">{{att.name}}</li>
                                        </div>
                                        <div ng-if="attachments.length==0">
                                            WIs:
                                            <p>No attachments attached to that news</p>
                                        </div>
                                        <div>
                                            comments: {{n.comments}}
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>