title: How can i edit contents of a <td> using angular-datatables?
body: <p>Table in a project is now implemented like this:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;table datatable="" dt-options="vm.dtOptions" dt-columns="vm.dtColumns" class="table table-custom"&gt;&lt;/table&gt;
  </code></pre>
  
  <p>The code related to this table:</p>
  
  <pre class="lang-js prettyprint-override"><code>vm.dtColumns = [
          DTColumnBuilder.newColumn('id', 'Login ID'),
          DTColumnBuilder.newColumn('username', 'User Name'),
          DTColumnBuilder.newColumn('email', 'Email'),
          DTColumnBuilder.newColumn('usergrouproles', 'User Group Role'),
          DTColumnBuilder.newColumn(null).withOption('defaultContent', '&lt;button&gt;button1&lt;/button&gt;&lt;button&gt;button2&lt;/button&gt;').notSortable(),
          DTColumnBuilder.newColumn(null).withOption('defaultContent', '&lt;button&gt;button3&lt;/button&gt;&lt;button&gt;button4&lt;/button&gt;&lt;button&gt;button5&lt;/button&gt;').notSortable()
      ];
  
      vm.dtOptions = DTOptionsBuilder
          .newOptions()
          .withBootstrap()
          .withFnServerData(serverData)
          .withDataProp('data')
          .withOption('processing', true)
          .withOption('serverSide', true)
          .withOption('paging', true)
          .withOption('rowCallback', function(row, data, index){
              console.log("test rowCallback");
          })
  
      function serverData(sSource, aoData, fnCallback, oSettings) {
          var draw = aoData[0].value;
          var _order = aoData[2].value[0].dir.toUpperCase();
          var _start = aoData[3].value;
          var _end = _start + aoData[4].value;
          var _sort = aoData[1].value[aoData[2].value[0].column].data;
  
          UserSvc.getUsersPaginated(_start, _end, _order, _sort).then(function(result){
  
              var records = {
                  'draw': draw,
                  'recordsTotal': result.length,
                  'recordsFiltered': result.totalCount,
                  'data': result
              };
              fnCallback(records);
          });
      }
  </code></pre>
  
  <p>For now, it seems okay except the <code>User Group Role</code> column - data there is in form of the object that is why I need to expand it there using <code>ng-repeat</code>. I'm aware of <code>initComplete</code> callback that I will be to apply finally but i cannot get how would I perform expand itself. I mean i want to operate in each cell but i have only an access to the whole row. I gave a try a <code>renderWith()</code> function in <code>vm.dtColumns</code> but it doesn't work at all. Could you show me the right direction?</p>