如何修改el-table中el-date-picker弹框的宽度

要修改 `el-date-picker` 弹框的宽度，需要在样式中设置 `.el-picker-panel__body` 的宽度。以下是一个示例：

/* 修改 el-date-picker 弹框的宽度 */
.el-picker-panel__body {
  width: 260px;
}

在上面的例子中，将弹框的宽度设置为 260 像素。你可以根据需要自行调整宽度。同时，为了确保修改生效，你需要将以上样式应用到你的项目中。

相关问题

在el-table里最后一行el-date-picker弹框被遮挡

如果您在 `el-table` 中使用 `el-date-picker` 组件，并且遇到弹框被遮挡的问题，可以考虑使用 `append-to-body` 属性，将 `el-date-picker` 组件的弹框插入到 `body` 中，避免被其他元素遮挡。

具体来说，需要给 `el-date-picker` 组件设置 `:picker-options="{appendToBody: true}"` 属性，例如：

<el-table :data="tableData">
  <el-table-column prop="date" label="日期">
    <template slot-scope="scope">
      <el-date-picker
        v-model="scope.row.date"
        type="date"
        placeholder="选择日期"
        :picker-options="{appendToBody: true}"
      ></el-date-picker>
    </template>
  </el-table-column>
</el-table>

这样就可以将 `el-date-picker` 的弹框插入到 `body` 中，避免被其他元素遮挡的问题了。

el-table中el-date-picker不回显

el-table中的el-date-picker不回显的问题可能是由于缺少重新渲染导致的。在el-table中使用el-date-picker时，如果想要修改时间后能够立即在页面上显示，可以通过给el-date-picker组件设置一个唯一的key来解决这个问题。在代码中，可以在changeTime方法中通过更新itemKey的值来触发el-date-picker组件的重新渲染，从而实现回显效果。

参考代码如下：

<el-table-column label="有效日期" prop="begin_timestamp" width="360px">
  <template v-slot="scope">
    <el-date-picker class="special" :key="itemKey" v-model="scope.row.valueTime" type="daterange" value-format="timestamp" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" @input="changeTime($event, scope.row)"></el-date-picker>
  </template>
</el-table-column>

...

data() {
  return {
    itemKey: Math.random() // 初始化一个随机值作为key
  }
},
methods: {
  changeTime(event, row) {
    // 修改时间后更新itemKey的值，触发el-date-picker组件的重新渲染
    this.itemKey = Math.random()
  }
}

通过设置key值为随机数，每次修改时间时都会触发el-date-picker组件的重新渲染，从而实现回显效果。