<template>
  <div class="table-container">
    <div
      v-for="(myrec, index) in list"
      :key="index"
      class="table-row"
    >
      <!-- Colonna Sinistra: Etichetta -->
      <div class="table-cell label-cell">
        {{ myrec.label }}
      </div>

      <!-- Colonna Destra: Valore (CMyValueDb) -->
      <div class="table-cell value-cell">
        <CMyValueDb
          :editOn="myrec.editOn"
          :title="myrec.title"
          :table="myrec.table"
          :id="myrec.id"
          :rec="myrec.rec"
          :mykey="myrec.mykey"
          :mysubkey="myrec.mysubkey"
          :debounce="myrec.debounce"
          :jointable="myrec.jointable"
          :maxlength="myrec.maxlength"
          :showall="myrec.showall"
          :type="myrec.type"
          :dense="myrec.dense ? myrec.dense : true"
          @save="updateproductmodif"
        ></CMyValueDb>
      </div>
    </div>
  </div>
</template>

<script lang="ts" src="./CTableCupleLabelValue.ts"></script>

<style lang="scss" scoped>
@import './CTableCupleLabelValue.scss';
</style>
