我正在尝试使用 jQuery 的可拖动和可排序来对表的特定列中列出的元素进行排序。
原因是我本质上想让人们适应时间段。
我有一张这样的桌子:
<table width="300" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>1:00 PM</td>
<td><div class="personSortable">Person 1</div></td>
</tr>
<tr>
<td>2:00 PM</td>
<td><div class="personSortable">Person 2</div></td>
</tr>
<tr>
<td>3:00 PM</td>
<td><div class="personSortable">Person 3</div></td>
</tr>
<tr>
<td>4:00 PM</td>
<td><div class="personSortable">Person 4</div></td>
</tr>
</table>
我想让所有具有“personSortable”类的 div 都可以排序到可用的时间段中。我一直在寻找答案,但我能找到的最接近的事情是使整行可排序(通过使表格成为可排序容器)——这并不理想,因为我不能改变时隙。
我的另一个想法是创建两个 div 包装器:一个带有时隙,一个包含用于人员的可排序 div,并使用 CSS 'float' 属性让它们对齐。那会是更理想的方法吗?