KPC
Kevin Powell - Community•12mo ago
jdadwilson

Hide Empty Row

I have a very simple 3 x 10 grid, but depending on the input I want to hide various rows that do not contain any data. Here is the HTML
4 Replies
vince
vince•12mo ago
You didn't post any html, but this seems easy enough to psuedocode. Depending on the content, you can check if a certain html element has any text to it. 
if (element.innerText === "") {
  element.style.display = "none";
}
if (element.innerText === "") {
  element.style.display = "none";
}
How to do it if you want to check if the html element has any children elements: 
if (!element.hasChildNodes()) {
  element.style.display = "none";
}
if (!element.hasChildNodes()) {
  element.style.display = "none";
}
Mannix
Mannix•12mo ago
if it's trully empty you can use :empty to style it
Mannix
Mannix•12mo ago
https://developer.mozilla.org/en-US/docs/Web/CSS/:empty
:empty - CSS: Cascading Style Sheets | MDN
The :empty CSS pseudo-class represents any element that has no children. Children can be either element nodes or text (including whitespace). Comments, processing instructions, and CSS content do not affect whether an element is considered empty.
vince
vince•12mo ago
Oh I didn't know that was a thing, neat!
Want results from more Discord servers?
Add your server
More Posts
Is this the best way to set favicons and other related things in new Next js 13?```js export const metadata: Metadata = { ..., icons: [ { rel: 'icon', type: 'imCan't I Use google maps for free anymore?What can I do about this, any other free alternative, or is there a way to use it without paying priNaming conventions for setting up projectsI'm a huge fan of BEM and my OCD is kicking in so I've been thinking a lot about file structures andCode review with react/typescript/tailwindI have one restaurant project and I'm sure I made a lot of mistakes and I want a mark from "professiMake a div height fit contetHello, can someone tell what to do to make any of my div with cards scaleable with items in him? httscale a div during animationHI everyone I realize this herobanner https://codepen.io/alpha_66/pen/bGQNQrW the problem I havnext js basicsI learned react js and im up to next js, what are the things that i need t learn before dive in (notHow to use fonts from local folder?For some reason I can't figure this out. First one works, but I can't make "Regular" one work... I Vacation pay calculator – JSHi folks! I'm a bit stuck, and not really sure how to google this issue ... When running the scriptHow update data on click? (solved)**SOLUTION** https://codesandbox.io/p/sandbox/young-wind-m5xz9r Question: I get setNumbers is not a