bootstrap table 收缩_bootstrap-table方法之：expandRow-collapseRow，展开或关闭当前行数据...-白红宇

bootstrap table 收缩_bootstrap-table方法之：expandRow-collapseRow，展开或关闭当前行数据...

阅读量：4678 次

发布时间：2019-06-09

本文共 705 字，大约阅读时间需要 2 分钟。

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('');

}

转自：http://www.cnblogs.com/huangdegen/articles/5479021.html

你可能感兴趣的文章

Pycharm配置autopep8让Python代码更符合pep8规范

【C++算法与数据结构学习笔记------单链表实现多项式】

查看>>

关于ProjectServer定制化项目中心页面

查看>>

使用Collectd + InfluxDB + Grafana进行JMX监控

[ios] IOS文件操作的两种方式：NSFileManager操作和流操作【转】

查看>>

Jenkins之Linux和window配置区别

查看>>

python之hasattr、getattr和setattr函数