我有一个显示名称的表，以及与我使用循环和每个值的进度条计算的每个名称相对应的两个值。
代码看起来像这样，
<table>
<thead>
<th>Name</th>
<th>Value1</th>
<th>Value2</th>
</thead>
<tbody>
<% i=0 %>
<% j=0 %>
<% @department.members.each do |members| %>
<td><td><% members.name %><td>
<% members.evals.each do |evals| %>
<% i+=value1 * something %>
<% j+=value2 * something %>
<% end %>
<tr>
<td>
<div class="progress"><div class="bar" style="width: <%= (i*10).round() %>%;"></div></div>
<%= i %>
</td>
<td>
<div class="progress"><div class="bar" style="width: <%= (j*10).round() %>%;"></div></div>
<%= j %>
</td>
<% end %>
</tbody>
</table>
我希望允许用户在不更改客户端页面的情况下单击头部并动态排序此信息，并在表格上方创建一个下拉菜单以允许用户执行相同操作。“按 value2 排序”和“按 value1 排序”。
我正在使用引导程序，所以我不想使用DataTables. 甚至他们的引导主题看起来也不像 boostrap。我只想要一个简单的排序，同时保留我当前的样式。