专注于表格单元格/列

Question

我正在使用一个表来显示一些文本（一个在每个工作日中显示几行信息的表）。 这些表始终包含当天的信息，因此我想重点关注当天（该列，或者至少是该列的<th> ）。

我需要实现什么？ .focus类仅保留用于输入字段，对吗？

（注：我正在使用引导程序，如果可能会有所帮助，但是我认为引导程序对此没有任何帮助）

编辑：如果有帮助，则该网站为http://pedrorijo91.github.io/ist-canteen/

Answer 1

如果您先前在TD元素上设置了tabindex，则可以将焦点放在TD元素上。

var td = getElementById('someTD');
td.setAttribute('tabindex', 10000);    // or other number
td.focus();

完美工作，它显示正常的焦点行为，因此应用焦点css规则，例如：

td:focus { background: #E0F8E0; border: 1px dashed red; }

Answer 2

页面加载并生成数据后，只需将页面重定向到相应的ID。

例如说，如果是星期四，请从您的数据中获取数据，然后执行以下操作：

window.location = '#thursday';

这将在周四根据需要进行调整。

我已经做了一个垃圾箱。 http://jsbin.com/timozi/1/edit?html,js,output

只需将输出窗口拖动到狭窄的位置，以便仅显示前2或3列并运行代码。 第七列应突出显示。

Answer 3

如果您听到的强度是要突出显示或区分当前日期数据与以前的数据，则只需在此处添加其他样式即可，例如。

<tr class="current-day">
<td>data1</td>
<td>data2</td>
<td>data3</td>
<td>data4</td>
</tr> 

 .current-day
 {
   background:#006621;
   color:#fff;
 } 

.current-day td
{
   background:#006621;
   color:#fff;
}