Hide a table row/cell if it is empty

[pixelilly]

Hello devs! I am trying to figure out a way to hide a hubdb table row if it's empty. My client wants to be able to remove the dates from a webinar table. Ideally the span tag will be hidden if the date is cleared (right now if the date is cleared, it defaults to today's date).  I've figured out how to do this for another hubl module (eg: if button text is empty, hide button), but since this one is pulling data directly from a table that method doesn't quite work.  I have included my table loop below.  I think this can be done with an if statement, but I'm pretty new to hubdb table loops, so any help will be much appreciated. Thanks! (edited to show the english version of this table)

	{% for item in webinars %}

			<div class="col-4">
				<div class="card">
					<div class="card-thumbnail">
						<img src="{{ item.image.url }}" alt="">
					</div><!--card-thumbnail end-->
					<div class="card-info">
						<span class="date">{{ item.date|datetimeformat('%B %e, %Y') }}</span>
						<h2>{{ item.name }}</h2>
						<div class="summary">{{ item.summary }}</div>
						<a href="{{ item.link }}" title="" class="lnk-default">Agenda</a>
					</div><!--card-info end-->
				</div><!--card end-->
			</div>
			{% endfor %}
		</div>

[webdew · Accepted solution]

Hi @pixelilly ,

Create Boolean option and add Somthing like this:

{% if item.hide_dates %}
{{ item.date|datetimeformat('%B %e, %Y') }}
{% endif %}

Client can easliy manange date hide show accordingly.

Hope this helps!
If we were able to answer your query, kindly help the community by marking it as a solution.

Thanks and Regards. 

[pixelilly]

Yep, I've included a screenshot. 

[jonchim]

Wait maybe I misunderstood the initial post, do you want to hide everything if there is no date selected in HubDB? or just the date wrapped in the span?

[pixelilly]

That also hid it. I feel like it should be if is not empty but the syntax is tripping me up. 

[jonchim]

Hmm interesting, are you using the date picker in the hubdb table? 

[pixelilly]

That almost worked! It hid the date even though there was data in the table cell.  

[jonchim]

Got it! can you try row.date instead of item?

[jonchim]

Hey @pixelilly,

I think If statment is definitely the way. Can you give this a shot and see if this works? 🤞

{% if item.date  %}
<span class="date">{{ item.date|datetimeformat('%B %e, %Y') }}</span>
{% endif %}