Tengo el siguiente problema, estoy trabajando con la libreria javascript DataTable, el detalle se encuentra al renderizar una de las columnas ya que me muestra el output como indefinido pero en la consola se desarollador se muestra correctamente, que estoy haciendo mal?, este es un fragmento del codigo donde tengo el problema:
// array de los datos
datos = "members": [
{"id": 1,
"company_id": 1,
"name": "Abdiel Hernandez",
"email": "[email protected]",
"email_verified_at": "2022-09-10T05:37:30.000000Z",
"two_factor_confirmed_at": null,
"current_team_id": null,
"profile_photo_path": "profile-photos/lwUGpvXbewwVHslBSU84gRePV5taE6tI5QFSKB8O.jpg",
"created_at": "2022-09-10T05:36:58.000000Z",
"updated_at": "2022-09-10T16:10:49.000000Z",
"profile_photo_url": "http://workstinger-starter-kit.test/storage/profile-photos/lwUGpvXbewwVHslBSU84gRePV5taE6tI5QFSKB8O.jpg",
"pivot": {
"requisition_id": 1,
"user_id": 1 }}],
fragmento de codigo javascript:
render: function (data, type, full, meta) {
var $status = full['members'];
return '<div class="avatar-group">' +
$status.forEach(element => console.log(
'<div data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar pull-up my-0" title="' + element.name +'" >' +
'<img src="' + element.profile_photo_url +'" alt="Avatar" height="26" width="26"/>' +
'</div>'
)) + '<small class="text-truncate text-muted align-self-center cursor-pointer ms-50 mb-0">+42</small>' +
'</div>'
}
espero puedan ayudar a e contrar el error