如何在element-ui table 内容里面放多选框？

Question

直接上图：

这个是UI图的效果：

这个是我现在用element-ui的table组件写的一个表格：

我怎么把UI图中的那些多选框放到我的表格内容中？

我代码尝试过这样没对：

            tableData2:[{
                    date: '适应症<br>存在未治疗病情或疾病<el-checkbox-group v-model="checkList"><el-checkbox label="复选框 A"></el-checkbox><el-checkbox label="复选框 B"></el-checkbox></el-checkbox-group>',
                    name: '',
                    address: '',
                    rowe: '',
                    time: ''
                }, {
                    date: '<span>有效性</span><br>需要选择不用药品<br>还有更加有效的药物',
                    name: '',
                    address: '',
                    rowe: '',
                    time: ''
                }]
                
                
                      <el-table-column
                            prop="date"
                            label="评估项目">
                        <template slot-scope="scope">
                            <p v-html='scope.row.date'></p>
                        </template>
                    </el-table-column>              
                

Answer 1

<el-table-column prop="date"label="评估项目">
    <template slot-scope="scope">
       <el-checkbox-group v-model="scope.row.checkbox">
          <el-option v-for="option in scope.row.options" :label="option.name" :value="option.value"></el-option>
        </el-checkbox-group>
</el-table-column>

Answer 2

el-table-column prop="date"label="评估项目">
    <template slot-scope="scope">
       <el-checkbox-group v-model="form.type">
          <el-checkbox label="美食/餐厅线上活动" name="type"></el-checkbox>
          <el-checkbox label="地推活动" name="type"></el-checkbox>
          <el-checkbox label="线下主题活动" name="type"></el-checkbox>
          <el-checkbox label="单纯品牌曝光" name="type"></el-checkbox>
        </el-checkbox-group>
</el-table-column>