Avatar - Datatables for Laravel [ Datatables for Laravel ](/) [ 1.0.5](https://laravel-datatables.com/release-notes "Click to view release notes") Toggle main menu [Docs](https://laravel-datatables.com/docs) [Demos](/demos) [Blog](https://laravel-datatables.com/blog) [Pricing](/pricing) Search ⌘ K [ Log in ](/login) [Docs](https://laravel-datatables.com/docs) [Demos](/demos) [Blog](https://laravel-datatables.com/blog) [Pricing](/pricing) Search docs and demos Type at least 2 characters to search. Demos ### Use Cases - [ Simple Datatable ](https://laravel-datatables.com/demos/use-case-simple) - [ Products Datatable ](https://laravel-datatables.com/demos/use-case-products) - [ Sales Operations ](https://laravel-datatables.com/demos/use-case-sales) ### Features - [ Accessibility ](https://laravel-datatables.com/demos/features-accessibility) - [ Advanced Filtering ](https://laravel-datatables.com/demos/features-advanced-filtering) - [ Aggregate Totals ](https://laravel-datatables.com/demos/features-aggregate-totals) - [ Column Reordering ](https://laravel-datatables.com/demos/features-column-reordering) - [ Custom Controls ](https://laravel-datatables.com/demos/features-custom-controls) - [ Directionality (LTR / RTL) ](https://laravel-datatables.com/demos/features-directionality) - [ Export ](https://laravel-datatables.com/demos/features-export) - [ Frozen Columns ](https://laravel-datatables.com/demos/features-frozen-columns) - [ Frozen Header ](https://laravel-datatables.com/demos/features-frozen) - [ Frozen Header & Columns ](https://laravel-datatables.com/demos/features-frozen-both) - [ Pagination ](https://laravel-datatables.com/demos/features-pagination) - [ Responsive Mobile ](https://laravel-datatables.com/demos/features-responsive-mobile) - [ Row Grouping ](https://laravel-datatables.com/demos/features-row-grouping) - [ Row Selection & Bulk Actions ](https://laravel-datatables.com/demos/features-row-selection-bulk-actions) ### Cell Renderer - [ Action Buttons ](https://laravel-datatables.com/demos/cell-renderer-action-buttons) - [ Avatar ](https://laravel-datatables.com/demos/cell-renderer-avatar) - [ Checkmark ](https://laravel-datatables.com/demos/cell-renderer-checkmark) - [ Color Sample ](https://laravel-datatables.com/demos/cell-renderer-color-sample) - [ Email Link ](https://laravel-datatables.com/demos/cell-renderer-email) - [ External Link ](https://laravel-datatables.com/demos/cell-renderer-external) - [ Friendly Timestamp ](https://laravel-datatables.com/demos/cell-renderer-friendly-timestamp) - [ Image ](https://laravel-datatables.com/demos/cell-renderer-image) - [ Long Text ](https://laravel-datatables.com/demos/cell-renderer-long-text) - [ Phone Link ](https://laravel-datatables.com/demos/cell-renderer-phone-link) - [ Progress Bar ](https://laravel-datatables.com/demos/cell-renderer-progress-bar) - [ Status Badge ](https://laravel-datatables.com/demos/cell-renderer-status-badge) - [ URL Link ](https://laravel-datatables.com/demos/cell-renderer-url) - [ Wire Link ](https://laravel-datatables.com/demos/cell-renderer-wire) ### Value Formatter - [ Compact Number ](https://laravel-datatables.com/demos/value-formatter-compact-number) - [ Currency ](https://laravel-datatables.com/demos/value-formatter-currency) - [ Duration ](https://laravel-datatables.com/demos/value-formatter-duration) - [ Friendly Filesize ](https://laravel-datatables.com/demos/value-formatter-friendly-filesize) - [ Friendly Timestamp ](https://laravel-datatables.com/demos/value-formatter-friendly-timestamp) - [ Locale Timestamp ](https://laravel-datatables.com/demos/value-formatter-locale-timestamp) - [ Number ](https://laravel-datatables.com/demos/value-formatter-number) - [ Percent ](https://laravel-datatables.com/demos/value-formatter-percent) Avatar ====== The avatar renderer turns a name and optional image into a consistent cell presentation. Display variant Choose whether the cell includes the contact name. Image and name Image only Style variant Choose the avatar shape. Round Square Items per page Manage Columns 10 Current 25 50 100 ​ ### Manage Columns Apply Cancel Loading... ID Contact Email Company Last Contact 1 ![Dashawn Rutherford](/images/avatars/webp/0450249b131eec36dc8333b7cf847bc4.webp)Dashawn Rutherford maximo13@example.net Gaylord-VonRueden 10 months ago 2 ![Lewis Schiller](/images/avatars/webp/06d29f74c2f85239efe3f9ade1b96da7.webp)Lewis Schiller shanelle58@example.net Zulauf, Senger and Mante 1 year ago 3 ![Nelle Schneider](/images/avatars/webp/098d5b19a0870d95bee0cdbcef632be1.webp)Nelle Schneider swift.elissa@example.org Gislason-Carroll 7 months ago 4 ![Wava Predovic](/images/avatars/webp/112413f070536d15170606f2d00aa15d.webp)Wava Predovic victor.satterfield@example.org Roberts LLC 10 months ago 5 ![Abigayle Kertzmann](/images/avatars/webp/119d9abaee7a1e987571f0fe776bd1a5.webp)Abigayle Kertzmann holly.watsica@example.net McDermott-Bashirian 6 months ago 6 ![Sean Bode](/images/avatars/webp/1a270860bac2c66b434968a3047822e3.webp)Sean Bode precious35@example.org Ziemann PLC 1 month ago 7 ![Roger Beer](/images/avatars/webp/1a3318330cf1734feb84887e9453fb1b.webp)Roger Beer pfeffer.elwyn@example.com Bechtelar, Langosh and Muller 1 year ago 8 ![Kelsi Osinski](/images/avatars/webp/1bab427466457e745328f6eb8fa227e1.webp)Kelsi Osinski amya19@example.net Douglas-Mills 2 months ago 9 ![Emanuel Lesch](/images/avatars/webp/1c9a4dd0bbd964e3eecbd40caf3b7e37.webp)Emanuel Lesch nolan.dana@example.com Murazik-Connelly 1 year ago 10 ![Kole Ernser](/images/avatars/webp/1dd1b479633b29ff2fd9d6644581f394.webp)Kole Ernser ttremblay@example.net Kihn PLC 10 months ago « Previous Next » 1 - 10 of 10000 1 2 3 4 5 6 7 8 9 10 ... 999 1000 - Demo code is available for licensed customers - ### Related Documentation [Avatar Cell Renderer Combine an image and label for user-centric rows such as customers, owners, or assignees using the Avatar renderer.](https://laravel-datatables.com/docs/renderer-avatar) © 2026 Copyright (C) [ Morrow IT Consulting & Services ](https://morrow-it.services) [Terms of Service](https://laravel-datatables.com/legal/terms) [Privacy](https://laravel-datatables.com/legal/privacy) [Legal Disclosure](https://laravel-datatables.com/legal/disclosure)