bootstrap table detailView 详细视图默认展开|选择展开

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，并在函数中选择性的展开。