display：none with angular datatables

Question

我有一个表，当页面加载时应该隐藏，只有在选中复选框时才显示。

<table width="100%" id="C" datatable="ng" dt-options="dtOptionsfeature" class="celltable" style="display: none;">

我也在css文件中尝试过它

#C {

    display: none;
}

如果删除数据表，它会起作用。那么我可以不使用数据表的CSS样式？因为其他属性正常。

Answer 1

尝试隐藏表父容器

<div id="hide-table"><table width="100%" id="C" datatable="ng" dt-options="dtOptionsfeature" class="celltable" style="display: none;"></div>

#hide-table{display:none;}