Joel Oliveira Joel Oliveira - 1 year ago 93
AngularJS Question

How to put "data-title" into <td> without ng-repeat using angular-datatables

I was wondering if is it possible to put a data-title option into my

tag using angular-datatables.

I would like to see my result HTML like this:

<th>First Name</th>
<th>Last Name</th>
<td data-title="Id">01</td>
<td data-title="First Name">Paul</td>
<td data-title="Last Name">Summer</td>

This is my example code:

Note: Unfortunately I can't use ng-repeat for this, I must put everything on the controller side.

Answer Source

Look at createdCell. If you want to target a single column (or want different callbacks for each column) use the DTColumnBuilder as in your link :

  .withTitle('First name')
  .withOption('createdCell', function (td, cellData, rowData, row, col) {
      $(td).attr('data-title', cellData) //setting the value as title as test

I dont know what you want to place in data-title, so I just populate with the cell value. If you want to populate a data-title to every column, you can use DTColumnDefBuilder to implement a generic handler :

vm.DTColumnDefs = [
    .withOption('createdCell', function (td, cellData, rowData, row, col) {
       $(td).attr('data-title', cellData)
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download