title: Show image in datatables codeigniter
body: <p>sorry for my bad english,
  i want to show image in my table using datatables.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code> var t = $("#mytable").dataTable({
                  initComplete: function() {
                      var api = this.api();
                      $('#mytable_filter input')
                      .off('.DT')
                      .on('keyup.DT', function(e) {
                          if (e.keyCode == 13) {
                              api.search(this.value).draw();
                          }
                      });
                  },
                  oLanguage: {
                      sProcessing: "loading..."
                  },
                  processing: true,
                  serverSide: true,
                  ajax: {"url": "wisataadmincontroller/json", "type": "POST"},
                  columns: [
                  {
                      "data": "id_wisata",
                      "orderable": false
                  },{"data": "nama_wisata"},{"data": "alamat_wisata"},{"data": "no_telp"},{"data": "kategori"},{"data": "longitude"},{"data": "latitude"},{"data": "gambar","render": function(data, type, row) {
                      return '&lt;img src="'+data+'"style="height:100px;width:100px;" /&gt;';
                  }},{"data": "like"},
                  {
                      "data" : "action",
                      "orderable": false,
                      "className" : "text-center"
                  }
                  ],
                  order: [[0, 'desc']],
                  rowCallback: function(row, data, iDisplayIndex) {
                      var info = this.fnPagingInfo();
                      var page = info.iPage;
                      var length = info.iLength;
                      var index = page * length + (iDisplayIndex + 1);
                      $('td:eq(0)', row).html(index);
                  }
              });
          });</code></pre>
  </div>
  </div>
  </p>
  
  <p>and the result :<a href="https://i.stack.imgur.com/bnyGf.png" rel="nofollow noreferrer">the images are empty</a></p>
  
  <p>the images are empty because the image source only contains the images file name, 
  so how to use baseurl in datatables?</p>