本文实例为大家分享了bootstrap table展开或关闭当前行数据的具体代码,供大家参考,具体内容如下
!DOCTYPE html html head title expandRow-colla凡科抠图eRow /title meta charset="utf-8" link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css" link rel="stylesheet" href="../assets/bootstrap-table/src/bootstrap-table.css" link rel="stylesheet" href="../assets/examples.css" script src="../assets/jquery.min.js" /script script src="../assets/bootstrap/js/bootstrap.min.js" /script script src="../assets/bootstrap-table/src/bootstrap-table.js" /script script src="../ga.js" /script /head body div h1 expandRow-colla凡科抠图eRow /h1 p /p div id="toolbar" button id="button" expandRow /button button id="button2" colla凡科抠图eRow /button /div table id="table" data-toggle="table" data-toolbar="#toolbar" data-height="460" data-detail-view="true" data-detail-formatter="detailFormatter" data-url="../json/data1.json" thead th data-field="id" ID /th th data-field="name" Item Name /th th data-field="price" Item Price /th /tr /thead /table /div script var $table = $('#table'), $button = $('#button'), $button2 = $('#button2'); $(function () { $button.click(function () { $table.bootstrapTable('expandRow', 1); $button2.click(function () { $table.bootstrapTable('colla凡科抠图eRow', 1); function detailFormatter(index, row) { var html = []; $.each(row, function (key, value) { html.push(' p b ' + key + ': /b ' + value + ' /p return html.join(''); /script /body /html
官方
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持凡科。