bootstrap table 详细视图
一、默认不展开
-
detailView:true, -
detailFormatter:detailFormatter,
|
//详细数据 function detailFormatter(index, row) { var html = []; html.push('<p><b>作业人:</b> ' + row.shenUserName + '</p>'); html.push('<p><b>作业时间:</b> ' + row.homeworkStartTime + ' 至 ' + row.homeworkEndTime + '</p>'); html.push('<p><b>时间段:</b> ' + row.timeQuantum + '</p>'); html.push('<p><b>锁具:</b> ' + row.channelName + '</p>'); return html.join(''); } |
二、默认全部展开
//继续添加 onPostBody: function(data) { expand(data); } function expand (data){ $("#exampleTable").bootstrapTable('expandRow', index); } |
三、有的行是没有详细视图的,所以收起没有详细视图的行,展开有详细视图的行。
//或继续添加 onPostBody: function(data) { if(data) { $.each(data, function(index, item) { if(item.commentList && item.commentList.length != 0) { expand(index); } }); } } function expand (index){ $("#exampleTable").bootstrapTable('expandRow', index); } |
利用onPostBody的data参数,循环判断对应index,并在函数中选择性的展开。