{"id":2572,"date":"2016-09-30T08:12:50","date_gmt":"2016-09-30T08:12:50","guid":{"rendered":"https:\/\/infyblog.zluck.in\/?p=2572"},"modified":"2025-07-17T09:42:54","modified_gmt":"2025-07-17T09:42:54","slug":"how-to-display-image-in-datatable-with-yajra-laravel-datatables-with-laravel-generator","status":"publish","type":"post","link":"https:\/\/infyom.com\/blog\/how-to-display-image-in-datatable-with-yajra-laravel-datatables-with-laravel-generator\/","title":{"rendered":"Display Images in DataTables with Laravel"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2572\" class=\"elementor elementor-2572\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8023c9d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8023c9d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0cc0d7c\" data-id=\"0cc0d7c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\n\t\t<div class=\"elementor-element elementor-element-a777392 elementor-widget elementor-widget-text-editor\" data-id=\"a777392\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>In this tutorial, we are going to learn how to display image in datatable or add image column to datatable while using <a href=\"https:\/\/github.com\/yajra\/laravel-datatables\">yajra\/laravel-datatables<\/a> with <a href=\"https:\/\/github.com\/InfyOmLabs\/laravel-generator\">infyom laravel generator<\/a>.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b9e1eec elementor-widget elementor-widget-image\" data-id=\"b9e1eec\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"245\" src=\"https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/display-image-in-datayables.png\" class=\"attachment-large size-large wp-image-2575\" alt=\"Display Image in DataTable\" srcset=\"https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/display-image-in-datayables.png 976w, https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/display-image-in-datayables-300x92.png 300w, https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/display-image-in-datayables-768x235.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0d8ede0 elementor-widget elementor-widget-text-editor\" data-id=\"0d8ede0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>We are continuously getting some questions like how we can achieve something with laravel generator. Recently, we got a question like, how we can display Image in DataTable while using <strong>yajra\/laravel-datatables<\/strong> with infyom laravel generator. so I thought maybe it can be a requirement for lots of other developers as well and tried myself to find a solution. And then I decided to write a tutorial on that, so other developers can get an idea on that.<\/p><p>\u00a0<\/p><p>so here is the use case, suppose we have a <strong>Post<\/strong> model which contains three fields,<\/p><ul><li>Title<\/li><li>Image<\/li><li>Body<\/li><\/ul><p>\u00a0<\/p><p>Image field contains a full or relative URL of the image which we need to show in a datatable (same as above image).<\/p><p>\u00a0<\/p><p>When you are using InfyOm Laravel Generator it generates <strong>PostDataTable.php<\/strong> file for the definition of DataTable. That file contains a function named, <strong>getColumns()<\/strong> for the definition of columns of DataTable. Something like following,<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-60ce6be elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"60ce6be\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cd894d4\" data-id=\"cd894d4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8b5a8c9 elementor-widget elementor-widget-code-highlight\" data-id=\"8b5a8c9\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp> return [     \n   'title' => ['name' => 'title', 'data' => 'title'],     \n   'image' => ['name' => 'image', 'data' => 'image'],     \n   'body'  => ['name' => 'body', 'data' => 'body'] \n]; <\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6c77c0e elementor-widget elementor-widget-text-editor\" data-id=\"6c77c0e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>This is a very simple implementation of a DataTable Column definition.<\/p><p>\u00a0<\/p><p>To Display images in DataTable, we need to use the `render` function on the column to display images. You can define your own render function which will return the data that should be rendered in the column. In our case, we want to render an image, so our render function will be something like following,<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e0e45b4 elementor-widget elementor-widget-code-highlight\" data-id=\"e0e45b4\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp> return [     \n   'title' => ['name' => 'title', 'data' => 'title'],     \n   'image' => ['name' => 'image', 'data' => 'image'],     \n   'body'  => ['name' => 'body', 'data' => 'body'] \n]; <\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2719d90 elementor-widget elementor-widget-text-editor\" data-id=\"2719d90\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>If you will look carefully, we are returning,from render function. Where <strong>data<\/strong> will be the data from the model. In our case, It will be a URL.<br \/>Render function gets the data parameter as a first argument. You can find more information about render function over <a href=\"https:\/\/datatables.net\/reference\/option\/columns.render\">here<\/a>.<\/p><p>\u00a0<\/p><p>Above code will generate output something like following,<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-970e04d elementor-widget elementor-widget-code-highlight\" data-id=\"970e04d\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp>\"name\": \"image\",    \n\"data\": \"image\",    \n\"render\": function (data, type, full, meta) {        \n        return;     \n},     \n   \"title\": \"Image\",    \n   \"orderable\": true,   \n   \"searchable\": true \n}<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div> \n","protected":false},"excerpt":{"rendered":"<p>How to display an image in DataTable with laravel yajra datatable with InfyOm laravel&#8230;<\/p>\n","protected":false},"author":2,"featured_media":2573,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"two_page_speed":[],"footnotes":""},"categories":[9],"tags":[56,66,67],"class_list":["post-2572","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-laravel","tag-infyom-laravel-generator","tag-laravel-datatable","tag-yajra-datatable"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Display Images in DataTables with Laravel<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/infyom.com\/blog\/how-to-display-image-in-datatable-with-yajra-laravel-datatables-with-laravel-generator\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Display Images in DataTables with Laravel\" \/>\n<meta property=\"og:description\" content=\"How to display an image in DataTable with laravel yajra datatable with InfyOm laravel...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/infyom.com\/blog\/how-to-display-image-in-datatable-with-yajra-laravel-datatables-with-laravel-generator\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog | InfyOm Technologies\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/infyom\" \/>\n<meta property=\"article:published_time\" content=\"2016-09-30T08:12:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-17T09:42:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/display-image-in-datayable.png\" \/>\n\t<meta property=\"og:image:width\" content=\"772\" \/>\n\t<meta property=\"og:image:height\" content=\"484\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"InfyOm\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@InfyOm\" \/>\n<meta name=\"twitter:site\" content=\"@InfyOm\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"InfyOm\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/infyom.com\/blog\/how-to-display-image-in-datatable-with-yajra-laravel-datatables-with-laravel-generator\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/infyom.com\/blog\/how-to-display-image-in-datatable-with-yajra-laravel-datatables-with-laravel-generator\/\"},\"author\":{\"name\":\"InfyOm\",\"@id\":\"https:\/\/infyom.com\/blog\/#\/schema\/person\/659bfc844c333d041221e83c5f5ec754\"},\"headline\":\"Display Images in DataTables with Laravel\",\"datePublished\":\"2016-09-30T08:12:50+00:00\",\"dateModified\":\"2025-07-17T09:42:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/infyom.com\/blog\/how-to-display-image-in-datatable-with-yajra-laravel-datatables-with-laravel-generator\/\"},\"wordCount\":310,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/infyom.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/infyom.com\/blog\/how-to-display-image-in-datatable-with-yajra-laravel-datatables-with-laravel-generator\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/display-image-in-datayable.png\",\"keywords\":[\"InfyOm Laravel Generator\",\"Laravel Datatable\",\"Yajra Datatable\"],\"articleSection\":[\"Laravel\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/infyom.com\/blog\/how-to-display-image-in-datatable-with-yajra-laravel-datatables-with-laravel-generator\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/infyom.com\/blog\/how-to-display-image-in-datatable-with-yajra-laravel-datatables-with-laravel-generator\/\",\"url\":\"https:\/\/infyom.com\/blog\/how-to-display-image-in-datatable-with-yajra-laravel-datatables-with-laravel-generator\/\",\"name\":\"Display Images in DataTables with Laravel\",\"isPartOf\":{\"@id\":\"https:\/\/infyom.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/infyom.com\/blog\/how-to-display-image-in-datatable-with-yajra-laravel-datatables-with-laravel-generator\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/infyom.com\/blog\/how-to-display-image-in-datatable-with-yajra-laravel-datatables-with-laravel-generator\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/display-image-in-datayable.png\",\"datePublished\":\"2016-09-30T08:12:50+00:00\",\"dateModified\":\"2025-07-17T09:42:54+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/infyom.com\/blog\/how-to-display-image-in-datatable-with-yajra-laravel-datatables-with-laravel-generator\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/infyom.com\/blog\/how-to-display-image-in-datatable-with-yajra-laravel-datatables-with-laravel-generator\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/infyom.com\/blog\/how-to-display-image-in-datatable-with-yajra-laravel-datatables-with-laravel-generator\/#primaryimage\",\"url\":\"https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/display-image-in-datayable.png\",\"contentUrl\":\"https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/display-image-in-datayable.png\",\"width\":772,\"height\":484,\"caption\":\"How to Display Image in DataTable with yajra laravel-datatables with laravel generator\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/infyom.com\/blog\/how-to-display-image-in-datatable-with-yajra-laravel-datatables-with-laravel-generator\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/infyom.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Display Images in DataTables with Laravel\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/infyom.com\/blog\/#website\",\"url\":\"https:\/\/infyom.com\/blog\/\",\"name\":\"Blog | InfyOm Technologies\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/infyom.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/infyom.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/infyom.com\/blog\/#organization\",\"name\":\"InfyOm Technologies\",\"url\":\"https:\/\/infyom.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/infyom.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/InfyOm-Logo.png\",\"contentUrl\":\"https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/InfyOm-Logo.png\",\"width\":88,\"height\":41,\"caption\":\"InfyOm Technologies\"},\"image\":{\"@id\":\"https:\/\/infyom.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/infyom\",\"https:\/\/x.com\/InfyOm\",\"https:\/\/www.instagram.com\/infyomtechnologies\/\",\"https:\/\/in.linkedin.com\/company\/infyom-technologies\",\"https:\/\/github.com\/infyomlabs\",\"https:\/\/x.com\/infyom\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/infyom.com\/blog\/#\/schema\/person\/659bfc844c333d041221e83c5f5ec754\",\"name\":\"InfyOm\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/infyom.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1ad162864d8d33c04ea9e6d0333cc483?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1ad162864d8d33c04ea9e6d0333cc483?s=96&d=mm&r=g\",\"caption\":\"InfyOm\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Display Images in DataTables with Laravel","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/infyom.com\/blog\/how-to-display-image-in-datatable-with-yajra-laravel-datatables-with-laravel-generator\/","og_locale":"en_US","og_type":"article","og_title":"Display Images in DataTables with Laravel","og_description":"How to display an image in DataTable with laravel yajra datatable with InfyOm laravel...","og_url":"https:\/\/infyom.com\/blog\/how-to-display-image-in-datatable-with-yajra-laravel-datatables-with-laravel-generator\/","og_site_name":"Blog | InfyOm Technologies","article_publisher":"https:\/\/www.facebook.com\/infyom","article_published_time":"2016-09-30T08:12:50+00:00","article_modified_time":"2025-07-17T09:42:54+00:00","og_image":[{"width":772,"height":484,"url":"https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/display-image-in-datayable.png","type":"image\/png"}],"author":"InfyOm","twitter_card":"summary_large_image","twitter_creator":"@InfyOm","twitter_site":"@InfyOm","twitter_misc":{"Written by":"InfyOm","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/infyom.com\/blog\/how-to-display-image-in-datatable-with-yajra-laravel-datatables-with-laravel-generator\/#article","isPartOf":{"@id":"https:\/\/infyom.com\/blog\/how-to-display-image-in-datatable-with-yajra-laravel-datatables-with-laravel-generator\/"},"author":{"name":"InfyOm","@id":"https:\/\/infyom.com\/blog\/#\/schema\/person\/659bfc844c333d041221e83c5f5ec754"},"headline":"Display Images in DataTables with Laravel","datePublished":"2016-09-30T08:12:50+00:00","dateModified":"2025-07-17T09:42:54+00:00","mainEntityOfPage":{"@id":"https:\/\/infyom.com\/blog\/how-to-display-image-in-datatable-with-yajra-laravel-datatables-with-laravel-generator\/"},"wordCount":310,"commentCount":0,"publisher":{"@id":"https:\/\/infyom.com\/blog\/#organization"},"image":{"@id":"https:\/\/infyom.com\/blog\/how-to-display-image-in-datatable-with-yajra-laravel-datatables-with-laravel-generator\/#primaryimage"},"thumbnailUrl":"https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/display-image-in-datayable.png","keywords":["InfyOm Laravel Generator","Laravel Datatable","Yajra Datatable"],"articleSection":["Laravel"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/infyom.com\/blog\/how-to-display-image-in-datatable-with-yajra-laravel-datatables-with-laravel-generator\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/infyom.com\/blog\/how-to-display-image-in-datatable-with-yajra-laravel-datatables-with-laravel-generator\/","url":"https:\/\/infyom.com\/blog\/how-to-display-image-in-datatable-with-yajra-laravel-datatables-with-laravel-generator\/","name":"Display Images in DataTables with Laravel","isPartOf":{"@id":"https:\/\/infyom.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/infyom.com\/blog\/how-to-display-image-in-datatable-with-yajra-laravel-datatables-with-laravel-generator\/#primaryimage"},"image":{"@id":"https:\/\/infyom.com\/blog\/how-to-display-image-in-datatable-with-yajra-laravel-datatables-with-laravel-generator\/#primaryimage"},"thumbnailUrl":"https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/display-image-in-datayable.png","datePublished":"2016-09-30T08:12:50+00:00","dateModified":"2025-07-17T09:42:54+00:00","breadcrumb":{"@id":"https:\/\/infyom.com\/blog\/how-to-display-image-in-datatable-with-yajra-laravel-datatables-with-laravel-generator\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/infyom.com\/blog\/how-to-display-image-in-datatable-with-yajra-laravel-datatables-with-laravel-generator\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/infyom.com\/blog\/how-to-display-image-in-datatable-with-yajra-laravel-datatables-with-laravel-generator\/#primaryimage","url":"https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/display-image-in-datayable.png","contentUrl":"https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/display-image-in-datayable.png","width":772,"height":484,"caption":"How to Display Image in DataTable with yajra laravel-datatables with laravel generator"},{"@type":"BreadcrumbList","@id":"https:\/\/infyom.com\/blog\/how-to-display-image-in-datatable-with-yajra-laravel-datatables-with-laravel-generator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/infyom.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Display Images in DataTables with Laravel"}]},{"@type":"WebSite","@id":"https:\/\/infyom.com\/blog\/#website","url":"https:\/\/infyom.com\/blog\/","name":"Blog | InfyOm Technologies","description":"","publisher":{"@id":"https:\/\/infyom.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/infyom.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/infyom.com\/blog\/#organization","name":"InfyOm Technologies","url":"https:\/\/infyom.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/infyom.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/InfyOm-Logo.png","contentUrl":"https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/InfyOm-Logo.png","width":88,"height":41,"caption":"InfyOm Technologies"},"image":{"@id":"https:\/\/infyom.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/infyom","https:\/\/x.com\/InfyOm","https:\/\/www.instagram.com\/infyomtechnologies\/","https:\/\/in.linkedin.com\/company\/infyom-technologies","https:\/\/github.com\/infyomlabs","https:\/\/x.com\/infyom"]},{"@type":"Person","@id":"https:\/\/infyom.com\/blog\/#\/schema\/person\/659bfc844c333d041221e83c5f5ec754","name":"InfyOm","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/infyom.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1ad162864d8d33c04ea9e6d0333cc483?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1ad162864d8d33c04ea9e6d0333cc483?s=96&d=mm&r=g","caption":"InfyOm"}}]}},"_links":{"self":[{"href":"https:\/\/infyom.com\/blog\/wp-json\/wp\/v2\/posts\/2572","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/infyom.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/infyom.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/infyom.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/infyom.com\/blog\/wp-json\/wp\/v2\/comments?post=2572"}],"version-history":[{"count":9,"href":"https:\/\/infyom.com\/blog\/wp-json\/wp\/v2\/posts\/2572\/revisions"}],"predecessor-version":[{"id":8196,"href":"https:\/\/infyom.com\/blog\/wp-json\/wp\/v2\/posts\/2572\/revisions\/8196"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/infyom.com\/blog\/wp-json\/wp\/v2\/media\/2573"}],"wp:attachment":[{"href":"https:\/\/infyom.com\/blog\/wp-json\/wp\/v2\/media?parent=2572"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/infyom.com\/blog\/wp-json\/wp\/v2\/categories?post=2572"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/infyom.com\/blog\/wp-json\/wp\/v2\/tags?post=2572"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}