detailFilter
属性:data-detail-filter
Type:Function
Default:function(index,row){ return true}
detailView
属性:data-detail-view
Type:Boolean
Default:false
<table id="table" data-toggle="table" data-height="460" data-detail-view="true" data-detail-formatter="detailFormatter" data-detail-filter="detailFilter">
<thead>
<tr>
<th data-field="id">ID</th>
<th data-field="name">Item Name</th>
<th data-field="price">Item Price</th>
</tr>
</thead>
</table>
<script>
console.log(data)
$("#table").bootstrapTable({ data: data })
function detailFormatter(index, row) {
var html = `<ul class="list-unstyled">
<li style="float:left;margin-right:20px;"><b>name</b>:${row.children["child-name"]}</li>
<li style="float:left;margin-right:20px;"><b>price</b>:${row.children["child-price"]}</li>
<li style="float:left;margin-right:20px;"><b>amount</b>:${row.children["child-amount"]}</li>
</ul>`
return html;
}
function detailFilter(index, row) {
return row.children
}
</script>