Image column

ImageColumn renders the cell value as an image URL — an avatar, a logo, a thumbnail.

PHP

ImageColumn::make('avatar')->label('')->circular()->size(32);
TextColumn::make('name')->label('Name');
TextColumn::make('role')->label('Role');

Preview

Tree

• ▾table
  • actionsLabel:"Actions"
  • bulkActions:[]
  • data:[{"avatar":"https://i.pravatar.cc/64?img=1","name":"Ada Lovelace","role":"Admin"},{"avatar":"https://i.pravatar.cc/64?img=2","name":"Alan Turing","role":"Editor"}]
  • emptyLabel:"No results"
  • endpoint:null
  • filters:[]
  • layout:null
  • lazy:null
  • pagination:{"currentPage":null,"from":1,"hasMore":false,"lastPage":null,"mode":"none","nextPage":null,"perPage":null,"to":2,"total":2}
  • resizableColumns:null
  • resizeIndicator:false
  • state:{"filters":[],"page":1,"perPage":25,"sorts":[],"tableFilters":[]}
  • striped:null

  • ▾column.image
    • circular:true
    • size:32
  • ▾column.text
    • badge:null
    • copyable:false
    • date:null
    • link:null
    • multiple:null
  • ▾column.text
    • badge:null
    • copyable:false
    • date:null
    • link:null
    • multiple:null

Style

• ->circular() clips the image to a circle — an avatar.
• ->size(40) sets the rendered size in pixels (square).

ImageColumn::make('logo')->size(24);
ImageColumn::make('photo')->circular()->size(48);

Give the column an empty ->label('') to drop its header, which reads better for a leading avatar.