<tr class="off" onmouseover="this.className='on'" onmouseout="this.className='off'" name="name">
  <td><div class="name">{{ list.item.name }}</div></td>
  <td><div class="desired">{{ list.item.slots_desired }}</div></td>
  <td>
      <div class="locked" id="locked_slot_count_{{ list.item.link_id }}">
      <input type="checkbox" id="id_locked_slot_{{ list.item.link_id }}"
       onchange="javascript:lockSlots(this);" />
      </div>
  </td>
  <td>
    <div class="slots" id="id_slot_count_{{ list.item.link_id }}">
    <input type="text" id="id_spin_slot_count_{{ list.item.link_id }}"
     size="3" value="0" onchange="javascript:assignSlots(this)"/>
    </div>
  </td>
  <td>
      <div class="slots" id="id_adjustment_count_{{ list.item.link_id }}">
      <input type="text" id="id_spin_adjustment_count_{{ list.item.link_id }}"
      size="3" value="0" onchange="javascript:assignAdjustment(this)"/>
      </div>
  </td>
</tr>
