Скрыть строки, а не удалять их из DOM с помощью функции поиска в DataTable

Question

У меня есть этот код здесь:

$(document).ready(function() {
  $('#table').dataTable({
    "bInfo": false,
    "bLengthChange": false,
    "bFilter": true,
    "bPaginate": false,
    "ordering": false,
  });
});

<table id="table">
      <thead>
        <tr>
          <th>ID</th>
          <th>Name</th>
          <th>Age</th>
        </tr>
      </thead>
      
      <tbody>
        <tr>
          <td>1</td>
          <td>Steve</td>
          <td>30</td>
        </tr>

        <!-- TABLE ROW 1 ADDITIONAL TABLE -->

        <tr>
          <td colspan="3">
            <table>
              <thead id="1" class="collapse">
                <tr>
                  <th>Day</th>
                  <th>Start Time</th>
                  <th>End Time</th>
                  <th>Lunch Time</th>
                  <th>Total Hours</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>Monday</td>
                  <td>8:00AM</td>  
                  <td>7:00PM</td>
                  <td>No</td>
                  <td>11.00</td>
                </tr>
              </tbody>
           </table>
          </td>
        </tr>

        <tr>
          <td>2</td>
          <td>Freddy</td>
          <td>24</td>
        </tr>

        <!-- TABLE ROW 2 ADDITIONAL TABLE -->

        <tr>
          <td colspan="3">
            <table>
              <thead id="1" class="collapse">
                <tr>
                  <th>Day</th>
                  <th>Start Time</th>
                  <th>End Time</th>
                  <th>Lunch Time</th>
                  <th>Total Hours</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>Monday</td>
                  <td>8:00AM</td>  
                  <td>7:00PM</td>
                  <td>No</td>
                  <td>11.00</td>
                </tr>
              </tbody>
           </table>
          </td>
        </tr>

        <tr>
          <td>3</td>
          <td>Grace</td>
          <td>38</td>
        </tr>

        <!-- TABLE 3 ADDITIONAL TABLE -->

        <tr>
          <td colspan="3">
            <table>
              <thead id="1" class="collapse">
                <tr>
                  <th>Day</th>
                  <th>Start Time</th>
                  <th>End Time</th>
                  <th>Lunch Time</th>
                  <th>Total Hours</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>Monday</td>
                  <td>8:00AM</td>  
                  <td>7:00PM</td>
                  <td>No</td>
                  <td>11.00</td>
                </tr>
              </tbody>
           </table>
          </td>
        </tr>
      </tbody>
    </table>

В настоящее время функция поиска в DataTable удаляет все строки таблицы из DOM, не связанные со значением поиска, оставляя строки таблицы, связанные со значением поиска. , То, что я хочу, - это оставить строку с идентификатором № 1 (если я ищу идентификатор № 1) и следующую строку (это ее таблица с уникальными значениями).