Jquery를 사용하여 셀에 이미지 표시 jTable

Question

JQuery jTable 플러그인을 사용하여 테이블 레코드를 표시하고 있습니다.

$(document).ready(function() { 

     //Prepare jTable 
     $('#PeopleTableContainer').jtable({ 
      title: 'Table of people', 
      paging: true, 
      pageSize: 2, 
      sorting: true, 
      defaultSorting: 'Name ASC', 
      actions: { 
       listAction: 'PersonActionsPagedSorted.php?action=list', 
       createAction: 'PersonActionsPagedSorted.php?action=create', 
       updateAction: 'PersonActionsPagedSorted.php?action=update', 
       deleteAction: 'PersonActionsPagedSorted.php?action=delete' 
      }, 
      fields: { 
       PersonId: { 
        key: true, 
        create: false, 
        edit: false, 
        list: false 
       }, 
       Name: { 
        title: 'Author Name', 
        width: '40%' 
       }, 
       Age: { 
        title: 'Age', 
        width: '20%' 
       }, 
       RecordDate: { 
        title: 'Record date', 
        width: '30%', 
        type: 'date', 
        create: false, 
        edit: false 
       }, 
       Photo: { 
        title: 'Photo', 
        width: '50%', 
        type: 'img', 
        create: false, 
        edit: false 
       } 
      } 
     }); 

     //Load person list from server 
     $('#PeopleTableContainer').jtable('load'); 

    }); 

마지막 열은 Photo입니다. mysql 테이블의 해당 테이블에 사진 경로를 저장했습니다. 마지막 열에 이미지를 표시하고 싶습니다. 이 플러그인을 사용하면 가능합니까? PHP로 개발 중입니다.

감사합니다.

Answer 1

이 문제를 해결해야 :

Photo: { 
      title: "Photo", 
      width: '50%', 
      edit: false, 
      create: false, 
      display: function (data) { 
       return '<img src=' + data.record.ImageURL + ' />'; 
      } 
}