title: Angular Disable button not working with dynamic names
body: <p>Thank you in advance for helping me with this problem.
  I'm unable to disable the first button within ngx-datatable-colum which has a dynamic name &quot;Btn_Up_{{row.ordre}}&quot;.
  I've tried it inside ngOnInit and ngAfterViewInit() : <code>(document.getElementById('Btn_Up_0') as HTMLInputElement).disabled=true;</code>. It works only for static names (ids).</p>
  <p>The output of ngx-datatable is a list of buttons with a group names from services. The idea is to disable the first button (up) and the last button (down).</p>
  <p>My HTML component:</p>
  <pre><code>&lt;ngx-datatable                
          #rows
          class=&quot;bootstrap expandable&quot;
          [columnMode]=&quot;'flex'&quot;
          [headerHeight]=&quot;50&quot;
          [footerHeight]=&quot;50&quot;
          [rowHeight]=&quot;'auto'&quot;
          [scrollbarV]=&quot;false&quot;          
          [rows]=&quot;parents&quot;&gt;
            &lt;ngx-datatable-column name=&quot;Groupe&quot; [flexGrow]=&quot;2&quot;&gt;
              &lt;ng-template let-row=&quot;row&quot; let-rowIndex=&quot;rowIndex&quot; ngx-datatable-cell-template&gt;
                &lt;a href=&quot;javascript:;&quot; class=&quot;text-bold-500 primary text-uppercase&quot; (click)=&quot;rechercherApplicationParGroupe(row)&quot;&gt;{{ row.libelle }}&lt;/a&gt;
              &lt;/ng-template&gt;
            &lt;/ngx-datatable-column&gt;
            &lt;ngx-datatable-column name=&quot;Actions&quot; [flexGrow]=&quot;1.5&quot;&gt;
              &lt;ng-template let-row=&quot;row&quot; let-rowIndex=&quot;rowIndex&quot; ngx-datatable-cell-template&gt;
                &lt;button type=&quot;button&quot; class=&quot;btn btn-sm btn-outline-danger square ml-1 mb-0&quot;  (click)=&quot;prepareFormEditGroup(row)&quot; &gt;
                  &lt;i class=&quot;far fa-edit&quot;&gt;&lt;/i&gt;
                &lt;/button&gt;
                &lt;button type=&quot;button&quot; id=&quot;Btn_Up_{{row.code}}&quot; (click)='getOrderUp($event,row)' class=&quot;btn btn-sm btn-raised btn-primary square ml-1 mb-0&quot;&gt;
                  &lt;i class=&quot;fas fa-angle-up&quot;&gt;&lt;/i&gt;
                &lt;/button&gt;
                &lt;button type=&quot;button&quot; name=&quot;Btn_Down_{{row.code}}&quot; class=&quot;btn btn-sm btn-raised btn-primary square ml-1 mb-0&quot;&gt;
                  &lt;i class=&quot;fas fa-angle-down&quot;&gt;&lt;/i&gt;
                &lt;/button&gt;
              &lt;/ng-template&gt;
            &lt;/ngx-datatable-column&gt;
    &lt;/ngx-datatable&gt;
  </code></pre>