BootstrapTable是一種基于Bootstrap框架的強大的JavaScript表格插件。它允許您輕松地創建具有各種功能的數據表格，例如：可排序，可搜索，可編輯，可導出等。此外，BootstrapTable還支持從各種來源加載數據，包括json數據。

當我們需要加載嵌套Json數據時，可以使用BootstrapTable的data屬性來實現。 data屬性是一個JavaScript對象數組，其中每個對象包含表格中一行的所有信息。為了嵌套Json數據，請隨時使用點符號訪問對象中的屬性，即tableData.item.name以獲取item.name的屬性值。

$('#table').bootstrapTable({    
data: [{
id: 1,
name: 'John',
items: [{
name: 'item 1',
price: 10
}, {
name: 'item 2',
price: 20
}]
}, {
id: 2,
name: 'Peter',
items: [{
name: 'item 3',
price: 30
}, {
name: 'item 4',
price: 40
}]
},
]
columns: [{
field: 'id',
title: 'ID'
}, {
field: 'name',
title: 'Name'
}, {
field: 'items.name',
title: 'Item Name',
},{
field: 'items.price',
title: 'Item Price',
}]
});

上面的代碼是BootstrapTable與嵌套json數據集成的示例。我們可以看到，items屬性嵌套在包含表中的其他屬性的對象中。使用“items.name”和“items.price”作為列定義中的字段名稱，我們可以輕松地將嵌套數據顯示在表格中。

總之，BootstrapTable是一種強大的JavaScript表格插件，它在處理各種數據源時非常靈活。當我們需要加載嵌套的json數據時，可以使用data屬性和點符號輕松訪問和展示數據。