easyui的datagrid中怎么顯示圖片

easyui的datagrid中要顯示圖片，可以經由過程formatter在td欄位中添加一個img標簽，用于顯示圖片

東西/原料

1
打開visual studio建立一個空的mvc項目EasyUIDataGrid
2
在項目中添加HomeController和Index頁面
3
在項目中添加一個Content文件夾，添加EasyUI的css、js、jquery三個文件，并將三個文件引入到Index頁面，建議將css放在js前面
4
在項目中添加一個Images文件夾，并添加三張圖片進來
5
在HomeController文夾中添加一個新的Employee類，用于演示返回的實體類。同時添加一個方式GetData，模擬從數據庫獲取到的數據列表，按照EasyUI的DataGrid需要的格局返回
{"total":3, rows:[{}, {}]}
6
在Index頁面添加一個table標簽，指心猿意馬class為easyui-datagrid，并設置裝備擺設其他屬性，如許一個datagrid就做好了，在PhotoPath列添加formatter，并添加格局化js方式，添加img標簽
7
在調試模式下運行，就可以看到datagrid的第二列顯示了圖片