title: Datatable undefined type - Angular11
body: <p>We have services.ts . Which needs 2 arguments</p>
  <p><strong>UPDATED</strong>
  seems like i was looking the error wrong. this method was causing the console error</p>
  <pre><code>private checkLink(row, options) {
          if (options.type ==='link' || options.type ==='custom-method') {
              if (options.type === 'link' || (options.type === 'custom-method' &amp;&amp; (row.user_id === this.userData.id) || this.authService.permission('view_subject_data') || this.userData.id === row.section.user_id || this.userData.id === 1)) {
                  if (options.permission) {
                      if (this.authService.permission(options.permission)) {
                          this.router.navigate([`${options.link}/${row[options.linkKey]}`]);
                      }
                  } else {
                      this.router.navigate([`${options.link}/${row[options.linkKey]}`]);
                  }
              }
          }
      }
  </code></pre>
  <p>Im calling it to my html table which is used by many components.</p>
  <pre><code>&lt;span [innerHtml]=&quot;datatableService.setColumnData(row[column.prop], column.options, row)&quot;
  </code></pre>
  <p>Here's the data that im passing to <code>setColumnData</code></p>
  <pre><code>columns = [
          {
              name: 'User',
              prop: 'last_name',
              options: {
                  type: 'piped',
                  pipes: ['displayFullName']
              },
          },
          { 
              name: 'Action',
              prop: 'description'
          },
          {
              name: 'Time',
              prop: 'created_at',
              options: {
                  type: 'piped',
                  pipes: ['formatDateTime']
              },
          },
  
      ];
  </code></pre>
  <p>Which gives me <code>type undefined</code> but code works. I just need to get rid of console.log error.</p>
  <p><a href="https://i.stack.imgur.com/Z5UJE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Z5UJE.png" alt="enter image description here" /></a></p>
  <p>I know i just need to supply the needed arguments like this. And it works no errors.</p>
  <pre><code>{
      name: 'Action',
      prop: 'description',
      options: ''
  },
  </code></pre>
  <p>But the problem is i need to change all the similar <code>columns</code> variable all across the project. Is there anyway easier or clean way to do this?</p>