How to put multiple checkboxes in element-ui table content?

directly above:

this is the effect of the UI diagram:

clipboard.png

element-uitable:

clipboard.png

how do I put the multi-check boxes in the UI diagram into the contents of my table?

my code has tried to do this. It"s not right:

            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">

</template> </el-table-column>
Mar.30,2021

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>

<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>
Menu