I saw that element plus tables has a header-contextmenu, but I cannot find any example that demonstrates how to use this feature. If anyone knows how to use this feature, I'll be very grateful if you could tell me or point me to an example.

I am creating a dynamic table using element plus as follows:

<div>
  <el-table :data="d" border style="width: 100%" height="500" @selection-change="handleSelectionChange">
  <el-table-column type="selection" width="55"/>
  <el-table-column  fixed v-for="col in columns" :prop="col.field" :label="col.field" :key="col.field"/>
  </el-table>
  <el-button type="warning" round v-on:click="getdata(selected_data)">Update-Data</el-button>
</div>

I want to add a menu in the columns, which has some fixed options and I want to store whatever the user select's in a variable. I'll be extremely grateful if anyone can suggest me a way to do that or point me to an example.