Hello,

I wish : - Make only certain columns editable. - That the edit mode is activated automatically and not by clicking on a button. - Get the sum of a column (column 4, 5 and 6) and display it in a cell of

How to do this ?

Thank you so much.

MDB Bubble Editor

---

  <hr>

  <div class="d-flex justify-content-center buttons-wrapper my-3">
    <button class="btn btn-rounded text-white blue darken-3 btn-sm add-bubble-edit" type="button" disabled>Edit<i
        class="fas fa-toggle-off ml-1" disabled></i></button>

  </div>

  <table id="dt" class="table table-sm table-striped display divcenter" cellspacing="0" width="80%">
    <thead>
      <tr>
        <th>Étage</th>
        <th>Type</th>
        <th>Numéro</th>
        <th>Superficie</th>
        <th>Terrasse</th>
        <th>Mezzanine</th>
        <th>Loyer</th>
          <th>Loyer par m²</th>
      </tr>
    </thead>
    <tfoot>
      <tr>
        <th>Étage</th>
        <th>Type</th>
        <th>Numéro</th>
        <th>Superficie</th>
        <th>Terrasse</th>
        <th>Mezzanine</th>
        <th>Loyer</th>
          <th>Loyer par m²</th>
      </tr>
    </tfoot>
  </table>
</div>



    </div>  
    </div>

<!-- External JavaScripts
============================================= -->

<script src="js/plugins.js"></script>

let dataSet = [ ["RDC", "T1", "T1-1", "32,5", "28", "","875","27"], ["RDC", "T1", "T1-2", "25", "25", "","795","28"], ["RDC", "T1", "T1-3", "28,5", "22", "","775","27"], ["RDC", "T1", "T1-4", "28,5", "8", "","750","26"], ["RDC", "T2", "T2-1", "42", "17", "","925","22"], ["1", "T1", "T1-5", "32,5", "", "","750","23"], ["1", "T1", "T1-6", "28,5", "", "","710","25"], ["1", "T1", "T1-7", "28,5", "", "","710","25"], ["1", "T1", "T1-8", "28,5", "", "","710","25"], ["1", "T1", "T1-9", "15,75", "", "","475","30"], ["2", "T2", "T2-2", "45", "", "13","950","21"], ["2", "T1", "T1-10", "38", "", "10","825","22"], ["2", "T1", "T1-11", "38", "", "10","825","22"], ["2", "T1", "T1-12", "38", "", "10","825","22"], ["2", "T1", "T1-13", "15,75", "", "","475","30"] ];

$(document).ready(function () {
  $('#dt').DataTable({
  searching: false,
  paging: false,
  info: false,
"lengthChange":true,
    data: dataSet,
    columns: [{
        title: "Étage"
      },
      {
        title: "Type"
      },
      {
        title: "Numéro"
      },
      {
        title: "Superficie"
      },
      {
        title: "Terrasse"
      },
      {
        title: "Mezzanine"
      },
      {
        title: "Loyer"
      },
      {
        title: "Loyer par m²"
      }
    ]
  });

  $('#dt').mdbEditor({
    bubbleEditor: true,
  });

  $('.dataTables_length').addClass('bs-select');
});