Column display ¶

$grid->column('title')->display(function ($title) {

    return "<span style='color:blue'>$title</span>";

});

$grid->column('first_name');

$grid->column('last_name');

// `full_name` field that does not exist
$grid->column('full_name')->display(function () {
    return $this->first_name . ' ' . $this->last_name;
});

use Illuminate\Database\Eloquent\Collection;

$grid->model()->collection(function(Collection $collection) {      
  // 1. You can add fields to each column, similar to the effect of the display callback above 
  foreach ($collection as $item) {
    $item->full_name = $item->first_name. ''. $item->last_name;
  }
  // 2. Add a sequence column to the table   
  foreach ($collection as $index => $item) {     
    $item->number = $index;   
  }      
  // 3. Get data from external interface and fill it into the model collection   
  $ids = $collection->pluck('id');   
  $data = getDataFromApi($ids);   
  foreach ($collection as $index => $item) {
    $item->column_name = $data[$index];
  }

  // Finally must return the collection object   
  return $collection; 
}); 

$grid->column('title')->display(function ($title, $column) {
    
    // If the value of the status field of this column is equal to 1, directly display the title field
    If ($this->status == 1) {
        return $title;
    }
    
    // Otherwise it is displayed as editable
    return $column->editable();
});

$grid->column('gender')->using(['f' => 'female', 'm' => 'male']);

$grid->column('cost')->replace([0 => '-']);

<p>

{{ $value }}

{{ $model->id }}

</p>

$grid->column('content')->view('content');

Use Encore\Admin\Widgets\Table;

$grid->column('title', 'title')->expand(function ($model) {

    $comments = $model->comments()->take(10)->get()->map(function ($comment) {
        return $comment->only(['id', 'content', 'created_at']);
    });

    return new Table(['ID', 'content', 'release time'], $comments->toArray());
});

$grid->column('title', 'title')->modal('latest comment', function ($model) {

    $comments = $model->comments()->take(10)->get()->map(function ($comment) {
        return $comment->only(['id', 'content', 'created_at']);
    });

    return new Table(['ID', 'content', 'release time'], $comments->toArray());
});

$grid->column('email', 'avatar')->gravatar();

// set the size
$grid->column('email', 'avatar')->gravatar(45);

$grid->column('file_size')->filesize();

$grid->column('file_path')->downloadable();

$grid->column('title')->copyable();

$grid->column('link')->qrcode();

$grid->column('picture')->image();

// Set the server and width
$grid->column('picture')->image('http://xxx.com', 100, 100);

// show multiple images
$grid->column('pictures')->display(function ($pictures) {

    return json_decode($pictures, true);

})->image('http://xxx.com', 100, 100);

$grid->column('name')->label();

// Set the color, the default `success`, optional `danger`, `warning`, `info`, `primary`, `default`, `success`
$grid->column('name')->label('danger');

// receive array
$grid->column('keywords')->label();

$grid->column('status')->label([
    1 => 'default',
    2 => 'warning',
    3 => 'success',
    4 => 'info',
]);

$grid->column('status')->icon([
    0 => 'toggle-off',
    1 => 'toggle-on',
], $default = '');

// When the link method does not pass parameters, the linked `href` and `text` are the values of the current column.
$grid->column('homepage')->link();

// or pass in a specified href
$grid->column('homepage')->link($href);

// table method does not pass parameters, the title of the table is the key of each column of the two-dimensional array
$grid->column('settings')->table();

// You can specify the key for each column by the following method
$grid->column('settings')->table(['key' => 'key', 'val' => 'value']);

$grid->column('progress')->progressBar();

// optional parameters
$grid->column('progress')->progressBar($style = 'primary', $size = 'sm', $max = 100);
$style` is used to set the style, optional values `danger`, `warning`, `info`, `primary`, `default`, `success

$grid->column('status')->loading([1, 2, 3]);

$grid->column('status')->loading([1, 2, 3], [
    4 => 'Complete'
]);

$grid->column('images')->carousel();

// Set the display size and image server
$grid->column('images')->carousel($width = 300, int $height = 200, $server);

$grid->column('created_at')->date('Y-m-d');

$grid->column('approved')->bool();

$grid->column('approved')->bool(['Y' => true, 'N' => false]);

$grid->column('status')->using([
    1 => 'Audit passed',
    2 => 'Draft',
    3 => 'Publish',
    4 => 'Other',
], 'Unknown')->dot([
    1 => 'danger',
    2 => 'info',
    3 => 'primary',
    4 => 'success',
], 'warning');

<?php

Namespace App\Admin\Actions\Document;

Use App\Models\Document;
Use Encore\Admin\Actions\RowAction;

class StarDocument extends RowAction
{
    // After the page clicks on the chart in this column, send the request to the backend handle method to execute
    public function handle(Document $document)
    {
        // Switch the value of the `star` field and save
        $document->star = (int) !$document->star;
        $document->save();

        // return a new html to the front end after saving
        $html = $document->star ? "<i class=\"fa fa-star-o\"></i>" : "<i class=\"fa fa-star\"></i>" ;

        return $this->response()->html($html);
    }

    // This method displays different icons in this column based on the value of the `star` field.
    public function display($star)
    {
        return $star ? "<i class=\"fa fa-star-o\"></i>" : "<i class=\"fa fa-star\"></i>";
    }
}

use App\Admin\Actions\Document\StarDocument;

$grid->column('star')->action(StarDocument::class);