# 表格中顯示圖片 > 在表格里顯示圖片或者其他東西, 需要用到script模板 ## 效果圖  ## 代碼 ``` <table class="layui-table" lay-filter="fucker" id="fucker" lay-data="{height: 'full-200'}"> <thead> <tr> <th lay-data="{field:'homestay_id', width:50}">ID</th> <th lay-data="{templet:'#img', width:130}">圖片</th> <th lay-data="{field:'title',width:240}">標題</th> <th lay-data="{templet:'#price'}">單價</th> <th lay-data="{templet:function(d) { return (d.is_fenqi==1?'√':'-'); }}">分期</th> <th lay-data="{field:'create_time'}">創建時間</th> </tr> </thead> </table> <!-- 自定義顯示內容 --> <script type="text/html" id="price"> <p>￥{{d.price}}</p> <p>￥<s>{{d.raw_price}}</s></p> </script> <!-- 顯示圖片 d 就是當前行的數據 --> <script type="text/html" id="img"> <img src="{{d.first_img}}" alt="" style="width:100px;height:100px;"> </script> ```