Bootstrap table右键功能实现方法

(编辑：jimmy 日期: 2025/9/27 浏览：2)

最近遇到有一个需求，需要在Bootstrap table上使用右键。网上搜了半天没有找到，最后发现Bootstrap table不支持右键(官方文档给出的答案 https://github.com/wenzhixin/bootstrap-table/issues/241 )。

本文介绍使用contextMenu插件实现Bootstrap table右键功能。

代码(test.html)：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">

<link rel="stylesheet" href="libs/bootstrap-table-v1.11.0/bootstrap.min.css" rel="external nofollow" >
<link rel="stylesheet" href="libs/bootstrap-table-v1.11.0/bootstrap-table.css" rel="external nofollow" >
<link href="libs/jQuery-contextMenu/dist/jquery.contextMenu.css" rel="external nofollow" rel="stylesheet"/>


<script src="/UploadFiles/2021-04-02/jquery-1.8.3.min.js">

效果图： 



关于contextMenu的使用，可以参考网页中右键功能的实现— contextMenu的使用 。
关于Bootstrap table的使用，可以参考官方文档Bootstrap table。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

上一篇：Angular.js跨controller实现参数传递的两种方法

下一篇：BootstrapTable refresh 方法使用实例简单介绍