我不需要在表中显示任何结果,如下所示:
但我只有这个:
我的表代码是:
{this.state.listAllJobSeekers.length > 0 ?
<tbody>
{this.state.listAllJobSeekers.map((JobSeeker,indx)=>
<tr key={indx}>
<td></td>
<td></td>
</tr>
)}
</tbody> :
<tbody className="noResult">
<td>No Results Found</td>
</tbody>
}
if data appears it will show, but if there is no data i need to show table with no rows found
您需要保持请求的加载状态。 只要正在加载请求,就可以使用不同数组来显示行。
可能是这样的:
{isLoading ?
new Array(10).fill("").map((item, index) => (
<tr key={index}>
<td></td>
<td></td>
</tr>
)):
this.state.listAllJobSeekers.map((item, index) => (
<tr key={index}>
<td></td>
<td></td>
</tr>))}
为了始终保持表格的固定高度,您需要向ListallJobsequences中添加空行,只要其中的空行少于10行
可以将“找不到行”文本放在位置:绝对;
的表容器中,然后居中,相对
到表。
可以用一组空数据模拟空表(在您的示例中,有10行空单元格数据)。