现在有一个el-table表格组件，现在需要表格的每一列都支持自定义html代码配置，需要用vue-template-compiler动态的编译解析代码，应该怎么做呢？

在 Vue 中，如果你想要在 el-table 的列模板中使用自定义 HTML 代码，并通过 `vue-template-compiler` 动态解析，你可以按照以下步骤操作：

1. 首先，在项目中安装 `vue-template-compiler` 包，如果还没有安装，可以在项目目录下运行：

   npm install vue-template-compiler --save-dev

2. 定义一个函数来编译模板字符串，这个函数会接受你要插入的 HTML 和表头数据作为参数：

   import Vue from 'vue';
   const compiler = Vue.compile;

   function compileTemplate(htmlCode, data) {
     const template = compiler(htmlCode);
     return { render: h => template.render(h, { ...data, scopedSlots: {} }) };
   }

3. 在 `el-table-column` 的选项里，你可以设置 `render` 函数来使用编译后的模板。假设你有一个 `customColumn` 变量保存了每列的自定义HTML模板和数据：

   <el-table-column
     v-for="(column, index) in customColumns"
     :key="index"
     :property="column.property"
     :label="column.label"
     :template="compileTemplate(column.htmlCode, { columnData: column.data })">
   </el-table-column>

4. 确保你的 `customColumns` 数组包含了你需要的 HTML 代码、属性名和数据。例如：

   const customColumns = [
     { label: 'Name', property: 'name', htmlCode: '<div>{{ item.name }}</div>' },
     // 更多其他列...
   ];

5. 这样，当你渲染表格的时候，Vue 会在运行时对每个单元格内编译的 HTML 模板进行渲染，将数据绑定到相应的元素上。