title: How can I disable column auto-width feature in Clarity Datagrid?
body: <p>I need to dynamically build the columns of a <a href="https://v2.clarity.design/datagrid/structure" rel="nofollow noreferrer">Clarity Datagrid</a> in Angular. This is how I do it:</p>
  
  <p>I have an array <code>columnsDef</code> that holds the definition of the fields I need to show, like this:</p>
  
  <pre><code>columnsDef = [
  {id:'id', label:'ID'},
  {id:'client', label:'Client/Prospect'},
  ...
  ]
  </code></pre>
  
  <p>and another variable <code>backlog</code> that holds the actual data to show in the grid. </p>
  
  <p>then, in my html template, I have the following code to define the columns headers and cells:</p>
  
  <pre><code>&lt;clr-datagrid&gt;
    &lt;clr-dg-column *ngFor="let def of columnsDef" [clrDgField]="def.id"&gt;
       {{ def.label }}
    &lt;/clr-dg-column&gt;
  
    &lt;clr-dg-row *clrDgItems="let request of backlog" [clrDgItem]="request"&gt;
        &lt;clr-dg-cell *ngFor="let def of columnsDef"&gt;
            {{ request[def.id] }}
        &lt;/clr-dg-cell&gt;
    &lt;/clr-dg-row&gt;
  &lt;/clr-datagrid&gt;
  </code></pre>
  
  <p>This actually "works" but the column alignment is all messed up. The values aren't below their headers and the cells width are different from row to row.
  <a href="https://i.stack.imgur.com/MK2hx.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MK2hx.png" alt="enter image description here"></a></p>
  
  <p><em>(Sorry I had to pixelize some confidential data)</em></p>
  
  <p><strong>How can I fix this?</strong></p>