Hide Component based on "no records" in table

[SafetyUniversity]

Greetings Tada Community-

I would like to hide a component when a table doesn’t have any records showing. I attempted to work with some of the previous posts with some javascript but can’t get anything to work.

Any ideas what the JS would be?

Thanks in advance,
Adam

[mdykstra]

I’m using this successfully.

TB.render(‘component_XX’, function(data) {
if (data.records === undefined || data.records.length === 0) {
data.ele.css(‘display’,‘none’)
}
});

[SafetyUniversity]

Many thanks for the comment @mdykstra. I have tried this however, it does not work when the table is filtered. My apologies, I was not clearer in my initial posting. I would like to hide the component when filtering of the table is on (e.g., only show notifications when status is active).

Thus, is there JS that can hide the component when the table is filtered and no records are showing due to the filtered results?

Thanks,
Adam

[neekunj]

@mdykstra

TB.render(‘component_XX’, function(data) {
if (data.records === undefined || data.records.length === 0) {
data.ele.css(‘display’,‘none’)
}
});

I want to hide a filtered list component