# Display a view in Javascript

**URL:** <https://forums.knack.com/t/display-a-view-in-javascript/12672>\
**Category:** Get Answers\
**Created:** [June 15, 2022, 6:32pm UTC](https://forums.knack.com/t/display-a-view-in-javascript/12672 "2022-06-15T18:32:17Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![NancyM](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/nancym/32/1120_2.png) [@NancyM](https://forums.knack.com/u/NancyM)\
**Post date:** [June 15, 2022, 6:32pm UTC](https://forums.knack.com/t/display-a-view-in-javascript/12672/1 "2022-06-15T18:32:17Z")

</div>

I am able to not display a table when it is empty I would like to display a view (view\_217) at the same time and not display it when the table has data. Here is the code I tried, but it doesn’t work

$(document).on(‘knack-scene-render.scene\_5’, function(event, scene) {  
// Loop through each scene view, on the page.  
scene.views.map(function(view) {  
if(Knack.models[view.key] && Knack.models[view.key].data && Knack.models[view.key].data.length \< 1) {  
// Remove the specific view.  
$(’#’ + view.key).remove();  
**$(’#view\_217’).show();**  
}  
if(Knack.models[view.key] && Knack.models[view.key].data && Knack.models[view.key].data.length \> 1) {  
**$(’#view\_217’).remove();**  
}  
});  
});

Thanks

---

<div class="post-metadata">

**Author:** ![Sunny\_Singla](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/sunny_singla/32/1007_2.png) [@Sunny\_Singla](https://forums.knack.com/u/Sunny_Singla)\
**Post date:** [June 16, 2022, 7:43am UTC](https://forums.knack.com/t/display-a-view-in-javascript/12672/2 "2022-06-16T07:43:38Z")

</div>

> [@NancyM](#):
>
> view\_217

Hello Nancy,

Because this loop also run for view **view\_217**

Need to exclude that view from loop.

Regards,  
sunny Singla

---

<div class="post-metadata">

**Author:** ![NancyM](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/nancym/32/1120_2.png) [@NancyM](https://forums.knack.com/u/NancyM)\
**Post date:** [June 16, 2022, 1:29pm UTC](https://forums.knack.com/t/display-a-view-in-javascript/12672/3 "2022-06-16T13:29:30Z")

</div>

Thanks.

---

<div class="post-metadata">

**Author:** ![NancyM](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/nancym/32/1120_2.png) [@NancyM](https://forums.knack.com/u/NancyM)\
**Post date:** [June 16, 2022, 4:10pm UTC](https://forums.knack.com/t/display-a-view-in-javascript/12672/4 "2022-06-16T16:10:50Z")

</div>

But how can I check if a table in a certain view has no data?

$(document).on(‘knack-view-render.view\_13’, function (event, view, data) {  
if(Knack.models[view.key] && Knack.models[view.key].data && Knack.models[view.key].data.length \< 1) {  
// Remove the specific view.  
$(’#’ + view.key).remove();  
});  
});

---

<div class="post-metadata">

**Author:** ![Sunny\_Singla](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/sunny_singla/32/1007_2.png) [@Sunny\_Singla](https://forums.knack.com/u/Sunny_Singla)\
**Post date:** [June 16, 2022, 5:34pm UTC](https://forums.knack.com/t/display-a-view-in-javascript/12672/5 "2022-06-16T17:34:23Z")

</div>

try below code  
$(document).on(‘knack-scene-render.scene\_5’, function(event, scene) {

// Loop through each scene view, on the page.

scene.views.map(function(view) {

if(view.key!=“view\_217”)

{

if(Knack.models[view.key] && Knack.models[view.key].data && Knack.models[view.key].data.length \< 1) {

// Remove the specific view.

$(’#’ + view.key).remove();

$(’#view\_217’).show();

}

if(Knack.models[view.key] && Knack.models[view.key].data && Knack.models[view.key].data.length \> 1) {

$(’#view\_217’).remove();

}

}

});

});

---

<div class="post-metadata">

**Author:** ![NancyM](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/nancym/32/1120_2.png) [@NancyM](https://forums.knack.com/u/NancyM)\
**Post date:** [June 16, 2022, 6:28pm UTC](https://forums.knack.com/t/display-a-view-in-javascript/12672/6 "2022-06-16T18:28:40Z")

</div>

Thanks a lot! You save my project!
