@grid([ 'dataProvider' => $dataProvider, // see info about DataProviders 'rowsPerPage' => $perPage, 'columnOptions' => [ 'class' => 'attribute', 'formatters' => ['text', 'raw'], ], 'columns' => [ [ 'class' => 'raw', 'title' => 'No', 'value' => function () use (&$i) { return ++$i . '.'; }, ], // [ // 'class' => 'raw', // 'attribute' => 'avatar', // 'title' => 'Avatar', // 'value' => function ($row) { // return $row->avatar ?? '-'; // }, // ], 'name', 'username', // 'email', // 'role', [ 'class' => 'raw', 'attribute' => 'role_id', 'title' => 'Role', 'filter' => [ 'name' => 'role_id', 'class' => 'dropdown', 'items' => $roles, ], 'value' => function ($row) { return $row->getRoleNames()->toArray() !== [] ? $row->getRoleNames()[0] : '-'; }, ], // [ // 'class' => 'raw', // 'attribute' => 'updated_at', // 'title' => 'Last Update', // 'formatters' => ['raw'], // 'value' => function ($row) { // return $row->updated_at; // // return $row->updated_at->format('d-m-Y H:i:s'); // }, // ], [ 'class' => 'raw', // class option allows to change column class 'formatters' => ['raw'], 'value' => function ($row) { return view('users.include.action', ['row' => $row])->render(); }, ], ], ])