如何在数据表列声明中循环？

Question

我有以下数据表声明，并且希望显示图像取决于某些列值（team_members）。如何在列声明中声明 for 循环？我想要这个结果：

var datatableVariable = $('#projects-progress').DataTable({
    data: data,
    columns: [
    { 'data': 'project_name' },
    { 'data': 'team_members_value' }, // to be hidden
    {
     //I want loop here depend on the number of team_members_value (second column above)
     mRender: function (o) { return '<img src="images/img.jpg" class="avatar" alt="Avatar">';
    },
/* EDIT Delete */
    {
    mRender: function (o) { return '<a href="#" class="btn btn-primary btn-xs"><i class="fa fa-folder"></i> View </a><a href="#" class="btn btn-info btn-xs"><i class="fa fa-pencil"></i> Edit </a><a href="#" class="btn btn-danger btn-xs"><i class="fa fa-trash-o"></i> Delete </a>'; }
    },
  ]
 });

<table id="projects-progress" class="table table-striped projects">
                      <thead>
                        <tr>
                          <th>Project Name</th>
                          <th>Team Members</th>
                          <th>Actions</th>
                        </tr>
                      </thead>
                    </table>

Answer 1

您可以在列声明中使用参数render。

{
   "data": "team_members_value",
   "render": function (data, type, full, meta) {
       var markup = '';
       for (var i = 0; i < data; i++) {
           markup +='<img src="images/img.jpg" class="avatar" alt="Avatar">'
       });
       return markup ;
   }
}

你需要做这样的事情：

1. 添加渲染回调。
2. 继续您的 team_members_value 数据以呈现所需的标记，保存并返回。