title: How to make an editable tree view in odoo
body: <p>This is my model:</p>
  
  <pre><code>from odoo import models, fields, api
  
  
  class architect_page(models.Model):
      _inherit = 'sale.order'
  
      architect_id = fields.Many2one('architect.form', string="Architect")
      architect_commission = fields.Float(string='Commission')
      architect_type = fields.Selection([('amount', 'AMOUNT'), ('percentage', 'PERCENTAGE')])
  </code></pre>
  
  <p>This is the architect.form</p>
  
  <pre><code>from odoo import models, fields, api
  
  
  class architect(models.Model):
      _name = 'architect.form'
      _description = 'architect'
  
      prefix_id = fields.Selection(
          [('company', 'COMPANY'), ('architect', 'ARCH'), ('interior designer', 'ID'), ('others', 'OTHERS')],
          required=True)
      first_name = fields.Char(string="First Name", required=True)
      last_name = fields.Char(string="Last Name", required=True)
      address = fields.Char(string="Address", required=True)
      email = fields.Char(string="Email")
      mobile_no = fields.Char(string="Mobile No.")
      tel_no = fields.Char(string="Telephone No.")
  </code></pre>
  
  <p>This is the xml:</p>
  
  <pre><code>&lt;odoo&gt;
      &lt;record id="architect_page_view" model="ir.ui.view"&gt;
          &lt;field name="name"&gt;architect.page.view&lt;/field&gt;
          &lt;field name="model"&gt;sale.order&lt;/field&gt;
          &lt;field name="inherit_id" ref="sale.view_order_form"/&gt;
          &lt;field name="arch" type="xml"&gt;
              &lt;xpath expr="//page[@name='order_lines']" position="after"&gt;
                  &lt;tree string="Architect Page"
                        editable="top"&gt;
                      &lt;group&gt;
                          &lt;field name="architect_id" string="Architect"/&gt;
                          &lt;field name="architect_commission" string="Commission"/&gt;
                          &lt;field name="architect_type" string="Type"/&gt;
                      &lt;/group&gt;
                  &lt;/tree&gt;
              &lt;/xpath&gt;
          &lt;/field&gt;
      &lt;/record&gt;
  &lt;/odoo&gt;
  </code></pre>
  
  <p>But the result is not the same as the order lines. I want to make it like this on my second page.</p>
  
  <p><a href="https://i.stack.imgur.com/WMm0K.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WMm0K.png" alt="enter image description here"></a></p>
  
  <p>This is my second page pic: </p>
  
  <p><a href="https://i.stack.imgur.com/An3sQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/An3sQ.png" alt="enter image description here"></a></p>
  
  <p>I want it similar to the order lines which can add a product but in the architect page module, it can add another architect.</p>