<el-table :data="taskList" border="true"> 表头可拖动，如何设置拖动最小位置

对于表头可拖动的功能，你可以使用 Element UI 提供的 sortable-column 组件来实现。sortable-column 组件可以让表头可以拖动进行排序操作。

要设置拖动的最小位置，你可以通过给表格的列设置 min-width 属性来限制拖动的最小宽度。例如：

<el-table :data="taskList" border="true">
  <el-table-column prop="name" label="任务名称" min-width="100"></el-table-column>
  <el-table-column prop="status" label="状态" min-width="80"></el-table-column>
  <!-- 其他列 -->
</el-table>

在上面的示例中，我们给任务名称列设置了 min-width 属性为 100，给状态列设置了 min-width 属性为 80。这样就限制了用户拖动列的宽度时的最小值。

你可以根据实际需求调整 min-width 属性的值来设置拖动的最小位置。

相关问题

<el-table :data="taskList" border="true"> 表头可拖动，如何设置拖动最小位置min-width不管用

如果 `min-width` 属性在 `<el-table>` 组件中不起作用，可能是因为 Element UI 的 `<el-table>` 组件内部使用了一些样式规则或 JavaScript 代码来控制表格的布局和行为，覆盖了你设置的 `min-width` 属性。

在这种情况下，你可以尝试使用自定义样式来实现限制拖动的最小位置。你可以通过给表头的列添加一个包裹容器，并设置该容器的最小宽度来实现。以下是示例代码：

<el-table :data="taskList" border="true">
  <el-table-column label="任务名称">
    <div class="column-wrapper" style="min-width: 100px;">
      {{ scope.row.name }}
    </div>
  </el-table-column>
  <el-table-column label="状态">
    <div class="column-wrapper" style="min-width: 80px;">
      {{ scope.row.status }}
    </div>
  </el-table-column>
  <!-- 其他列 -->
</el-table>

在上面的示例中，我们为每个表头列添加了一个 `<div>` 元素，并给它设置了一个名为 `column-wrapper` 的类。通过该类，我们可以为列的包裹容器设置自定义样式，包括最小宽度。

然后，你可以在 CSS 文件中定义 `column-wrapper` 类的样式：

.column-wrapper {
  white-space: nowrap; /* 禁止换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 超出部分显示省略号 */
}

使用自定义样式的方式可以绕过 Element UI 的样式规则，从而实现限制拖动的最小位置。你可以根据具体需求调整最小宽度和其他样式属性。

var data = taskList.Find(itor => itor.id == id);

这是 C# 语言中的 Lambda 表达式，用于在集合中查找符合条件的元素。在这里，`taskList` 是一个列表，`Find()` 方法返回符合条件的第一个元素，`itor` 是一个迭代器，`=>` 后面的 `itor.id == id` 是 Lambda 表达式的条件语句，表示查找 `id` 属性值等于指定值的元素。最终，返回符合条件的元素赋值给 `data` 变量。