具有固定列的Vue可拖动表

Question

我有一个由2列组成的表，其中一列具有一个静态值列表，下一个列需要拖动，以便可以在不影响第一列的情况下上下移动第二列中的单元格。 / p>

用例是一个时隙列表，第二列是人员名称，我将名称添加到该单元格中，但随后可能要将其拖到另一个时隙中。

我有一张表显示了时间，但第二个位不能工作，这是最重要的位。

任何想法如何做到这一点，也许不是餐桌吗？ 谢谢

Answer 1

Here是更新的版本，您可以在其中拖动到时隙中。我将两种视图合而为一，以使其更易于阅读。

我将时隙结构更改为：

  times: [
    { id: 1, time: "09:00", people: [] },
    { id: 2, time: "09:30", people: [] },
    { id: 3, time: "10:00", people: [] }
  ],

因此，现在您只是将人员拖到times.people数组中。