本文实例为大家分享了bootstrap table展开或关闭当前行数据的具体代码,供大家参考,具体内容如下
expandRow-collapseRowexpandRow-collapseRow
expandRow
collapseRow
data-toggle="table"
data-toolbar="#toolbar"
data-height="460"
data-detail-view="true"
data-detail-formatter="detailFormatter"
data-url="../json/data1.json">
IDItem NameItem Price
var $table = $('#table'),
$button = $('#button'),
$button2 = $('#button2');
$(function () {
$button.click(function () {
$table.bootstrapTable('expandRow', 1);
});
$button2.click(function () {
$table.bootstrapTable('collapseRow', 1);
});
});
function detailFormatter(index, row) {
var html = [];
$.each(row, function (key, value) {
html.push('
' + key + ': ' + value + '
');});
return html.join('');
}
官方演示地址
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持聚米学院。