## 7.1.3.行綁定鼠標右鍵 在table.render的done回調里面使用`tableX.bindCtxMenu`方法： ```javascript table.render({ elem: '#xTable3', cols: [[ {field: 'nickName', title: '用戶名'}, {field: 'sex', title: '性別'} ]], done: function () { tableX.bindCtxMenu('xTable3', [{ icon: 'layui-icon layui-icon-edit', name: '修改此用戶', click: function (d, tr) { layer.msg('點擊了修改，userId：' + d.userId); } }, { icon: 'layui-icon layui-icon-close text-danger', name: '<span class="text-danger">刪除此用戶</span>', subs: [{ icon: 'layui-icon layui-icon-camera', name: '邏輯刪除', click: function (d) { layer.msg('點擊了邏輯刪除，userId：' + d.userId); } }, { icon: 'layui-icon layui-icon-picture-fine', name: '物理刪除', click: function (d) { layer.msg('點擊了物理刪除，userId：' + d.userId); } }] }]); } }); ``` - 參數一 &emsp; 表格的id - 參數二 &emsp; 右鍵菜單 - icon &emsp;&nbsp;&nbsp; 圖標 - name &emsp; 標題 - click &emsp;&nbsp;&nbsp; 點擊事件，d是當前行的數據 根據不同行動態顯示不同菜單，只需要把參數二換成function并return菜單數組即可： ```javascript tableX.bindCtxMenu('xTable3', function(d, tr) { if(d.userId === 1) { return [{ icon: 'layui-icon layui-icon-close text-danger', name: '<span class="text-danger">刪除此用戶</span>', click: function (d, tr) { layer.msg('點擊了刪除，userId：' + d.userId); } }]; } else { return [{ icon: 'layui-icon layui-icon-edit', name: '修改此用戶', click: function (d, tr) { layer.msg('點擊了修改，userId：' + d.userId); } }]; } }); ``` <br/>