提问者:小点点

如何在HTML中制作没有内容的表格?


我不需要在表中显示任何结果,如下所示:

但我只有这个:

我的表代码是:

  {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

共2个答案

匿名用户

您需要保持请求的加载状态。 只要正在加载请求,就可以使用不同数组来显示行。

可能是这样的:

{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行空单元格数据)。