Bootstrap Table是一款優秀的表格插件，可以快速地創建美觀的表格，并支持各種數據源。本文將介紹如何傳遞JSON數據源給Bootstrap Table。

在傳遞JSON數據之前，我們需要引入Bootstrap Table和jquery兩個庫。這里我使用的是Bootstrap Table 1.18版本，可以從官網下載。

<!-- 引入jquery -->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!-- 引入Bootstrap Table -->
<link rel="stylesheet"  />
<script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-table/1.18.2/bootstrap-table.min.js"></script>

然后，我們可以在HTML代碼中創建一個空的表格，如下所示：

<table id="myTable">
</table>

接下來，我們需要編寫一個JavaScript函數，用于加載JSON數據到表格中。該函數需要使用Bootstrap Table提供的load方法，具體實現如下：

<script>
$(function(){
// 加載JSON數據
$('#myTable').bootstrapTable('load', [
{id: 1, name: 'Alice', age: 20},
{id: 2, name: 'Bob', age: 30},
{id: 3, name: 'Charlie', age: 25},
{id: 4, name: 'David', age: 40}
]);
});
</script>

這里我們使用了一個簡單的JSON數組作為參數，然后調用bootstrapTable('load', data)方法，將數據加載到表格中。在這個例子中，表格將顯示四個人的信息，包括ID、姓名和年齡。

當然，我們也可以通過Ajax從后端獲取JSON數據，如下所示：

<script>
$(function(){
// 從后端獲取JSON數據
$.get('/api/users', function(data){
$('#myTable').bootstrapTable('load', data);
});
});
</script>

這里我們使用了jQuery的get函數發送一個Ajax請求，從后端獲取用戶信息的JSON數據。然后，我們調用bootstrapTable('load', data)方法將數據加載到表格中。

總的來說，使用Bootstrap Table傳遞JSON數據很容易。只需要將數據封裝為JSON格式，然后調用Bootstrap Table提供的方法即可。祝您使用愉快！