如何將if語句添加到數據表？

Question

我有數據表是呈現表格內的圖像，但我所做的只是如果有圖像，然後渲染，但如果沒有圖像尚未有說法

，這裏是我的DataTable

<script type="text/javascript"> 
$(function() { 
    $('#pengumuman-table').DataTable({ 
     processing: true, 
     serverSide: true, 
     responsive: true, 
     ajax: '{!! route('pengumuman.data') !!}', 
     columns: [ 
      { data: 'rownum', name: 'rownum' }, 
      { data: 'gambar', render: function(data) 
       { return '<img src="{{ asset("/images/pengumuman/") }}/'+data+'" atl img style="width:200px; height:150px"/>' } 
      }, 
      { data: 'nama_pengumuman', name: 'nama_pengumuman' }, 
      { data: 'created_at', name: 'created_at' }, 
      { data: 'action', name: 'action', orderable: false, searchable: false } 
     ] 
    }); 
}); 
</script> 

如何做我的DataTable在PHP

@if(isset($pegawai->foto) && !empty($pegawai->foto)) 
    <div align="center"> 
    <img src="{{ asset("/images/karyawan/$pegawai->foto") }}" alt="" img style="width:250px; height:260px"> 
    </div> 
@else 
    <div align="center"> 
    <img src="http://www.blogsaays.com/wp-content/uploads/2014/02/no-user-profile-picture-whatsapp.jpg" alt="" img style="width:250px; height:260px"> 
    </div> 
@endif 

Answer 1

添加語句，如果沒有像這樣你可以使用columns.defaultContent選項設置爲默認列靜態內容。

<script type="text/javascript"> 
    $(function() { 
    $('#pengumuman-table').DataTable({ 
     processing: true, 
     serverSide: true, 
     responsive: true, 
     ajax: '{!! route('pengumuman.data') !!}', 
     columns: [ 
      { 
       data: 'rownum', 
       name: 'rownum' 
      }, 
      { 
       data: 'gambar', 
       render: function(data) { 
       if(data) { 
        return '<img src="{{ asset("/images/pengumuman/") }}/'+data+'" atl img style="width:200px; height:150px"/>' 
       } 
       else { 
        return '<img src="http://www.blogsaays.com/wp-content/uploads/2014/02/no-user-profile-picture-whatsapp.jpg" alt="" img style="width:250px; height:260px">' 
       } 

       }, 
       defaultContent: '<img src="http://www.blogsaays.com/wp-content/uploads/2014/02/no-user-profile-picture-whatsapp.jpg" alt="" img style="width:250px; height:260px">' 
      }, 
      { 
       data: 'nama_pengumuman', 
       name: 'nama_pengumuman' 
      }, 
      { 
       data: 'created_at', 
       name: 'created_at' 
      }, 
      { 
       data: 'action', 
       name: 'action', 
       orderable: false, 
       searchable: false 
      } 
     ] 
    }); 
    }); 
</script>