# 圖片表格點擊查看 ## 11.22.圖片表格點擊查看 當前下載的demo代碼里面寫的有問題，要把`d.TABLE_INDEX`改成`d.LAY_TABLE_INDEX`： ~~~ /* 渲染表格 */ table.render({ elem: '#tbImgTable', url: '../../../json/user.json', page: true, cellMinWidth: 100, cols: [[ {type: 'numbers'}, { title: '頭像', templet: function (d) { var url = d.imgUrl || '../../../assets/images/head.jpg'; return '<img data-index="' + (d.LAY_TABLE_INDEX) + '" src="' + url + '" class="tb-img-circle" tb-img alt=""/>'; }, align: 'center', width: 90, unresize: true }, {field: 'username', title: '賬號', align: 'center', sort: true}, {field: 'nickName', title: '用戶名', align: 'center', sort: true}, {field: 'phone', title: '手機號', align: 'center', sort: true}, {field: 'sex', title: '性別', align: 'center', sort: true}, {field: 'createTime', title: '創建時間', align: 'center', sort: true} ]] }); /* 點擊圖片放大 */ $(document).off('click.tbImg').on('click.tbImg', '[tb-img]', function () { var list = table.cache['tbImgTable']; var imgList = []; for (var i = 0; i < list.length; i++) { imgList.push({ alt: list[i].nickName, src: list[i].imgUrl || '../../../assets/images/head.jpg' }); } layer.photos({photos: {data: imgList, start: $(this).data('index')}, shade: .1, closeBtn: true}); }); ~~~