Would Like To Know How To Have Nested Tables Inside Tables Filtered?

I have experienced some success with integrating a filter code snippet. The only problem I'm finding is that the filter will not seem to simply display the whole of a nested table

Solution 1:

CSS

.input-wrap {
  margin-bottom: 12px;
}





#myInput:invalid ~ .hints {
  display: block;
}



#noMatches:empty, #noMatches:empty + .hints {
  display: none;
}


.style1 tr {
  display: none;
}


.style1 .show {
  display: table-row;
}



mark {
  background: orange;
  font-weight: bold;
  color: black;
}