Javascript 在节点&；中添加排序功能；ejs

我有一个模板，可以运行来自本地JSON文件的一些数据

<tbody>
    <% data.t_upcoming.forEach((record) => { %>
    <tr>
      <td><%=record.date%>
          <span style="display: block;font-size:10pt;"><%=record.time%></span>
          <p class="timer" style="font-size: 8pt; color: red;"></p>
      </td>

      <td>
        <input type="image" class="web_camera" src="/img/camera.png">
      </td>

      <td><a style="color:black;" href='/course-description'><%=record.course%></a>

        <span style="display:block;font-size:10pt;"><%=record.course_type%></span>
      </td>
      <td>
        <% record.student.forEach((person) => { %>
          <img rel="tooltip" data-placement="top" title="<%=person.name%>" src="<%=person.image%>">
        <% }) %>
      </td>

      <td>Recieved
        <span style="display:block; font-size: 16pt; color:#7c0000;"><%=record.status%></span>
      </td>

      <td>
        <button data-toggle="modal" data-target="#MessageModal" rel="tooltip" data-placement="top" title="Send Message" class="record_icons"><img src="/img/message.png"></img></button>
        <button rel="tooltip" data-placement="top" title="Add Course" class="record_icons"><img src="/img/plus-course-record.png"></img></button>
        <a href='/student_grading' rel="tooltip" data-placement="top" title="Grading & Feedback"  class="record_icons"><img src="/img/nike.png"></img></a>
        <button data-toggle="modal" data-target="#ChangeModal" rel="tooltip" data-placement="top" title="Change Course" class="record_icons"><img src="/img/change.png"></img></button>
        <button data-toggle="modal" data-target="#CancelModal" rel="tooltip" data-placement="top" title="Cancel Course" class="record_icons"><img src="/img/x.png"></img></button>
      </td>
    </tr>
    <% }) %>
  </tbody>

现在我想为我拥有的这个表添加额外的功能。我希望能够按照日期或课程进行排序

<select>
    <option selected>Sort</option>
    <option>Date</option>
    <option>Course</option>
</select>

分类
日期
课程

---

这就是我最后被卡住的地方。我如何添加日期和课程的选择下拉列表而不必呈现新页面？目前，我只是循环浏览每一段数据，并按照表格的外观顺序打印它们，但我希望能够不仅按日期排序，而且按课程排序。

data.t\u.sort（（a，b）=>{/*您的排序算法*/}）.forEach

因此，如果选择了日期或课程，则必须为包含此逻辑的表创建单独的部分？否则，您必须使用

res.query

，并且在后端必须处理查询并操作数组。

<select>
    <option selected>Sort</option>
    <option>Date</option>
    <option>Course</option>
</select>