<template>
    <table border="1" class="skuTable" v-cloak>
        <tr>
            <th>{{tableData.titleCell}}</th>
            <th v-for="(item,index) in tableData.yData" :key="index">{{tableData.sizeTitle[item]}}</th>
        </tr>
        <tr v-for="(item,index) in tableData.xData" :key="index">
            <td>{{tableData.colorTitle[item]}}</td>
            <td v-for="(subItem,subIndex) in tableData.yData" :key="subIndex" class="createNum" :colorsizeid="tableData.csId[item+'_'+subItem]"
                :sizeid="subItem" :colorid="item">
                <!-- <el-input :disabled="!od_editStatus" type="number" :value="renderItem.retVal.sData[item+'_'+subItem]"></el-input> -->
                <input type="number" :value="tableData.sData[item+'_'+subItem]" />
            </td>
        </tr>
    </table>
</template>
<script>
export default {
  props: {
    tableData: {
      type: Object,
      required: true
    }
  }
}
</script>
<style lang="scss" scoped>
[v-cloak] {
  display: none;
}
</style>

