当我的表现在有行时，如何显示<p>标记内容而不是第一行(没有筛选匹配)

Question

我有基于jquery、angularjs数据表的表。当没有筛选器匹配时，它会显示只有表标题的空行。我必须在表格标题下面显示p标记内容。此表位于wordpress中，因此css可能无法正常工作。

​

<table>
  <tr>
    <th>Program Name</th>
  </tr>
  <tr>
    <td>Some program Name</td>
  </tr>
</table>
<p>No filters found</p>
<!-- This content should be shown below table header-->

​

我怎样才能做到这一点？

Answer 1

我为我自己的答案找到了解决方案，我改变了我的ng-重复。

<tr ng-repeat="user in filtered= (products | inArray:selectedCountries:'Institute' | filter : searchtxt1 | filter : searchtxt2 | filter : searchtxt3 | filter : searchtxt4 | rangeFilter:'Fees':ui.min:ui.max) | limitTo: 5">

还添加了带有ng-show的tbody

<tbody><tr><td style="text-align:center;" colspan="21" ng-show="filtered.length === 0" class="agamotto">Filters didn't matched ! Please try Other Filters</td></tbody>

解决了！