how to eliminate the empty row with pop-up get closed in ember

in my hbs i have created an dynamic table. I have created an ember bootstarp modal which appears as a button click present in my hbs but without filling any details in the modal when i click anywhere on the screen modal gets closed and an empty row in created in the table. I want to eliminate that empty row. how to deal with this problem???

here is my code of the modal..

show: function() {

this.$('.modal').modal().on('hidden.bs.modal', function() {
 $('body').removeClass('modal-open');
 $('.modal-backdrop').remove();
 this.sendAction('close');
}.bind(this));  

}.on('didInsertElement')