如何循环数据表列声明?

时间:2017-04-12 07:44:46

标签: javascript image datatable

我有以下数据表声明,并希望显示图像取决于某些列值(team_members)。如何在列声明中声明for循环?我想要这个结果: enter image description here

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>

1 个答案:

答案 0 :(得分:0)

您可以在列声明中使用参数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数据以呈现所需的标记,保存并返回。