如何把"数据标题"没有使用角度数据表的ng-repeat进入

时间:2016-09-19 00:39:53

标签: javascript jquery html angularjs angular-datatables

我想知道是否可以使用angular-datatables将数据标题选项放入<td>标记。

我希望看到我的结果HTML:

&#13;
&#13;
<table>
   <thead>
      <tr>
         <th>Id</th>
         <th>First Name</th>
         <th>Last Name</th>
      </tr>
   </thead>
   <tbody>
      <tr>
         <td data-title="Id">01</td>
         <td data-title="First Name">Paul</td>
         <td data-title="Last Name">Summer</td>
      </tr>
   </tbody>
</table>
&#13;
&#13;
&#13;

这是我的示例代码:http://embed.plnkr.co/K24WFju44neYFRfwBxfK/

注意:很遗憾,我不能使用 ng-repeat ,我必须将所有内容放在控制器端。

1 个答案:

答案 0 :(得分:0)

看看createdCell。如果您想定位单个列(或希望每列有不同的回调),请使用链接中的 String picPath = "file://android_asset/www/img/demo.jpg;

DTColumnBuilder

我不知道你想要在数据标题中放置什么,所以我只填充单元格值。如果要将DTColumnBuilder.newColumn('firstName') .withTitle('First name') .withOption('createdCell', function (td, cellData, rowData, row, col) { $(td).attr('data-title', cellData) //setting the value as title as test }), ... 填充到每列,可以使用data-title来实现通用处理程序:

DTColumnDefBuilder