小编use*_*273的帖子

Bootstrap 表 - 行中的动态按钮

我正在使用引导程序 v3。我尝试获得如图所示的效果。我想有一个按钮，显示什么"Item Name"的popup. 但是我的按钮没有显示。

问题是我的表的这种性质是动态的（形式JSON） - 这让事情变得困难。

图片：

var $table = $('#table');
var mydata = [{
    "id": 0,
    "name": "test0",
    "price": "$0"
  },
  {
    "id": 1,
    "name": "test1",
    "price": "$1"
  },
  {
    "id": 2,
    "name": "test2",
    "price": "$2"
  }
];

$(function() {
  $('#table').bootstrapTable({
    data: mydata
  });
});

Run Code Online (Sandbox Code Playgroud)

<html>

<head>
  <meta charset="utf-8">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.10.1/bootstrap-table.min.css">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.min.js"></script>
  <script src="https://cdnjs.cloudflarenter code heree.com/ajax/libs/bootstrap-table/1.10.1/bootstrap-table.min.js"></script>
</head>

<body>
  <div class="container">
    <table id="table" data-search="true"> …

Run Code Online (Sandbox Code Playgroud)

html javascript html-table twitter-bootstrap-3

use*_*273

2017 10-04

4
推荐指数

1
解决办法

1万
查看次数