- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我对接受的答案做了一些改动(这让我走上了正确的 rails ,所以我没有提交新的答案):
<table class="fixed">
<tr>
<th>Student Name</th>
<!-- create as many <th> as there are evaluations -->
<% @eval_count.times do |i| %>
<th>Evaluation <%= i+1 %></th>
<% end %>
<th>Student Average <br />(for this goal)</th>
</tr>
<% for eval in @evals %>
<tr class="<%= cycle("odd", "even", name: "evals")%>">
<!-- eval returns { s_id [eval],[eval]} -->
<td><%= eval[1].first.student.name%></td>
<!-- in each student's row, print the score for each consecutive evaluation -->
<% @eval_count.times do |i| %>
<td><%= eval[1][i].score %></td>
<% end %>
</tr>
<% reset_cycle("evals") %>
<% end %>
</table>
目前我有以下观点(我知道这很丑陋,我这样做只是为了在我测试时所有内容都在同一页面上,我会在它工作时清理它!):
<div class="holder2 round">
<% if @goal.avg.nan? %>
<p>
This goal has not been evaluated yet!
</p>
<% else %>
<%= render 'evaluations_by_goal' %>
<% end %>
</div>
_evaluations_by_goal.html.erb
:
<% ordered_evals_by_goal = @goal.evaluations.order("eval_number").all.group_by { |g| g.eval_number } %>
<h3>
The overall average for this goal is <%= @goal.avg %>
</h3>
<table>
<tr>
<th>Student Name</th>
<th>Evaluation 1</th>
<th>Evaluation 2</th>
</tr>
<% @scores = [] %>
<% ordered_evals_by_goal.each do |number, evals| %>
<% evals.in_groups(evals.count, false) do |group| %>
<% group.each do |eval| %>
<tr>
<td><%= eval.student.name %></td>
<td><%= eval.score %></td>
<td>**others here**</td>
</tr>
<% end %>
<% end %>
<% end %>
</table>
因此您可以看到散列的结构,ordered_evals_by_goal
输出如下:
{22=>
[#<Evaluation id: 1702, score: 4, created_at: "2013-08-25 11:00:58", updated_at: "2013-08-25 11:00:58", student_id: 22, goal_id: 28, eval_number: 22>,
#<Evaluation id: 1710, score: 3, created_at: "2013-08-25 11:01:08", updated_at: "2013-08-25 11:01:08", student_id: 23, goal_id: 28, eval_number: 22>,
#<Evaluation id: 1718, score: 3, created_at: "2013-08-25 11:01:15", updated_at: "2013-08-25 11:01:15", student_id: 24, goal_id: 28, eval_number: 22>,
#<Evaluation id: 1726, score: 3, created_at: "2013-08-25 11:01:21", updated_at: "2013-08-25 11:01:21", student_id: 25, goal_id: 28, eval_number: 22>],
23=>
[#<Evaluation id: 1734, score: 3, created_at: "2013-08-25 11:02:18", updated_at: "2013-08-25 11:02:18", student_id: 22, goal_id: 28, eval_number: 23>,
#<Evaluation id: 1742, score: 3, created_at: "2013-08-25 11:02:27", updated_at: "2013-08-25 11:02:27", student_id: 23, goal_id: 28, eval_number: 23>,
#<Evaluation id: 1750, score: 3, created_at: "2013-08-25 11:02:35", updated_at: "2013-08-25 11:02:35", student_id: 24, goal_id: 28, eval_number: 23>,
#<Evaluation id: 1758, score: 3, created_at: "2013-08-25 11:02:42", updated_at: "2013-08-25 11:02:42", student_id: 25, goal_id: 28, eval_number: 23>]}
此刻,它输出这个:
但是在学生姓名开始循环的地方,我希望分数数据进入空 td 以便整个表格(在这种情况下)总共有 5 行 - 表格标题之一和表格数据的四行。我怎样才能做到这一点?
最佳答案
要获得想要的输出,您可以将 View 代码重构为:
<% evals_by_student = @goal.evaluations.order("eval_number").group_by(&:student_id) %>
<h3>The overall average for this goal is <%= @goal.avg %></h3>
<table>
<tr>
<th>Student Name</th>
<th>Evaluation 1</th>
<th>Evaluation 2</th>
</tr>
<% for student_id, (eval_1, eval_2) in evals_by_student %>
<tr>
<td><%= eval_1.name %></td>
<td><%= eval_1.score %></td>
<td><%= eval_2.score if eval_2.present? %></td>
</tr>
<% end %>
</table>
不过,您应该将加载代码(第一行)跨 Controller 移动到模型或其他域对象中。但这是另一个话题,所以我将其保留在问题中。
关于html - rails : how to divide data into separate td's after x records,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18429663/
我正在用一个 TD 和一个 colspan 属性替换多个 TD。 然而,这呈现完全不同。 我不明白为什么 不同于 我的问题是前 2 个 TD 的宽度之和与 colspanned TD 的宽度不同。
我想这是个愚蠢的问题,但我是 json 的新手,所以任何答案都会有所帮助。 我有 json 文件: `{"aaData": [ [1, "70.1700", "2008-12-29 11:23:00"
我有一个类似 html 的网页格式如下: .... . . . alo foo bla bla 现在,我只知道值 bla bla , 根据该值我们可以跟踪或找到 3rd
我有以下 html 代码: Add New Item test test test test test test test te
Name1 Position1 Operation1 Name2 Position2
如果其中的数据与同一行上第三列 td 内的数据匹配,我需要做的是向第一列 td 添加一个类。 http://jsfiddle.net/rUssu/ html 表格 firstsecondthi
有什么方法可以清除或隐藏第一个 td 的内容,从双列表中的第二个 td,而无需对实际 td 的任何编辑权限? 所以我想隐藏下表中的数字 1. Content
当第一个高度大于第二个 , 包含第二个文本 与中心对齐。我想要第二个 的文本或元素当第一个 对齐到左上角的高度大于秒。 我如何使用 css 来做到这一点? ? HTML5, CSS3 an
我这里遇到了一些麻烦。我正在开发一个按钮,一旦选择该按钮将运行 JavaScript 函数 - ShowColumn() - 这将使表格列出现。表格列首先将被隐藏 - “display:none;”
我需要将第一个 td 设为 100% 宽(包括图像)并将其他 td 放在第一个 td 下方。如何在不更改 HTML 的情况下执行此操作? 这是我的: #katalogas { float:left;
用于创建规则列表的Java类 public class CompArray { public ArrayList a1= new ArrayList(); public CompArray (){
我想在悬停在特定 td 上时更改特定 td 之前所有 td 的背景颜色。 因此,当我将鼠标悬停在该图标上时,该特定行中它之前的所有图标和文本都会更改它们的背景。 任何人都可以建议如何实现它。 这是我的
我今天花了一些时间查看使用 JQuery 遍历表及其行的示例,经过大量试验后我能够做到这一点。但是我在尝试从 td 元素获取值时遇到问题,因此我可以更改为另一个 td 元素的颜色。我有一个绑定(bin
这个问题在这里已经有了答案: Is there a "previous sibling" selector? (32 个答案) 关闭 7 年前。 我正在构建一个与此类似的表: td
当我想设置 td 的宽度时,我将 td 设置为如下宽度: ... 我已经看到通过添加一个空的 div 来设置 td 宽度: some text .h-间隔符{ 高度:0; 宽度:0; 溢
我有以下 HTML 表格: Products Pack Of Quantity Volume Unit Reb
我需要提升文本,但如果我将类应用于 IE、Opera 和 Chrome 中的 TD 或 TR,则所有单元格都会提升(背景和边框以及单元格中的文本)。请看例子: Untitled D
我试图在所有 之间放置边距除了 的 margin-top在第一行, 的底部边距在最后一行。那可能吗?谢谢。 table { border: 1px solid black; width: 98%;
我需要发布我的 td 标签的这些值,因为这是一个使用 jquery 的可编辑表。我不确定这里的问题是脚本还是 td 标签?目前我的 var_dump($_POST) 没有返回任何值。 参见下面的代码,
我想检查当前网格单元格是否是行中最后一个可见单元格。 //accurately confirms if cell is the last cell in the row, assuming there
我是一名优秀的程序员,十分优秀!