(Django) Tengo una tabla que intento ocultar si está vacía. Principalmente he logrado esto, el único problema es que el estilo CSS todavía está presente después de "eliminar" la tabla.
¿Cómo elimino todo el estilo CSS de un elemento en particular?
código:
<table class="post-table" id="table-example"> <tr> <th class="table-header" colspan="1" id="tab_header"> <h3>ADDITIONAL INFO</h3> </th> </tr> <tbody id="tab_body"> {% if post.additional_info != '' %} <tr> <td id="test">{{ post.additional_info }}</td> </tr> {% endif %} </tbody> </table> <script> var tbl = document.getElementById("table-example"); if (tbl.rows.length == 1) { console.log("IT WORKED"); tab_header = document.getElementById("tab_header").innerHTML = ""; } console.log(tbl.rows.length); </script>Puede ocultar toda la tabla, si está vacía:
let table = document.querySelector('.table-example'); table.style.display = 'none';