如何在div表中输入错误消息？

Question

我使用knockout ko绑定生成动态表（员工详细信息），如下所示 对于Eg：

如果EmpDetails为空，那么我想在div中显示错误消息“No Data”。 我使用了knockout visible binding来显示错误信息。

目前我正在以单行显示

员工详细信息：
        没有数据

预期：在5行空间中填写“无数据”消息。

参考以下代码：

<div class="empSection" data-bind="visible:displayData">
        <span>Employee Details:</span>
        <table class="empTable" border="0">
            <thead>
                <tr>
                    <th class="empTableHeader">NAME</th>
                    <th class="empTableHeader">EMPNO</th>
                    <th class="empTableHeader">DEPT</th>
                </tr>
            </thead>
            <tbody data-bind="foreach: EmpDetails">
                <tr>
                    <td class="empName" data-bind="text: Name"></td>
                    <td class="empNo" data-bind="text: emono"></td>
                    <td class="empDept" data-bind="text: dept"></td>
                </tr>
            </tbody>
        </table>

</div>

<div class="empSection" data-bind="visible:ErrorMsg, text:"No Data">

对此有任何建议吗？

先谢谢。

Answer 1

只需取消displayData值并设置填充或高度以填充等于5行高的空间：

<div class="empSection" style="padding: 50px 0; text-align: center;" data-bind="visible:!displayData()">
  No data
</div>