Ruby on rails 使用计算数据在客户端创建可排序表

Ruby on rails 使用计算数据在客户端创建可排序表,ruby-on-rails,ruby-on-rails-3,ruby-on-rails-3.2,Ruby On Rails,Ruby On Rails 3,Ruby On Rails 3.2,我有一个表,其中显示了一个名称,以及两个对应于每个名称的值,我使用循环和进度条对每个值进行了计算 代码看起来像这样 <table> <thead> <th>Name</th> <th>Value1</th> <th>Value2</th> </thead> <tbody> <% i=0 %> <% j=0 %> <% @department.mem

我有一个表,其中显示了一个名称,以及两个对应于每个名称的值,我使用循环和进度条对每个值进行了计算

代码看起来像这样

<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>

名称
价值1
价值2
我希望允许用户在不更改客户端页面的情况下单击标题并动态排序这些信息,并在表上方创建一个下拉菜单,允许用户执行相同的操作。“按值排序2”和“按值排序1”


我正在使用引导,所以我不想使用
DataTables
。甚至他们的引导主题看起来也不像引导。我只需要一个简单的排序,同时保留我当前的样式。

您需要使用JavaScript对表进行排序,看看jQuery


您始终可以编辑CSS文件以匹配您的布局或与引导程序的布局匹配。

Datatable(http://datatables.net/release-datatables/examples/basic_init/zero_config.html)

datatable可以很好地与引导一起使用。谢谢,我最后将其与引导主题一起使用。