我正在用Bootstrap 4表在React中进行一些条件渲染。当表中有要列出的项目时，它可以正常工作。如您所见here。如果没有项目，我的条件渲染也可以正常工作，但是它仅像so一样放置在第一列中。如何设置表格主体不尊重列/使其全角？
Here是我当前的完整代码，并且 html部分中的Bootstrap 4样式/ js：
<!-- Stylesheet(s)-->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
<!-- Scripts-->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" crossorigin="anonymous"></script>
由于我使用函数进行有条件的渲染，因此我可以在无项目可显示且不影响其他项目的情况下，将修复程序添加到该特定函数。
致谢