[Bootstrap Table Examples (bootstrap-table.com)](https://examples.bootstrap-table.com/index.html#options/detail-view-unique-id.html) ``` <link href="https://unpkg.com/bootstrap-table@1.21.0/dist/bootstrap-table.min.css" rel="stylesheet"> <script src="https://unpkg.com/bootstrap-table@1.21.0/dist/bootstrap-table.min.js"></script> <table id="table" data-toggle="table" data-height="460" data-unique-id="id" data-detail-view="true" data-detail-formatter="detailFormatter"//详情视图的函数 data-show-refresh="true" data-url="json/data1.json"> <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> function detailFormatter(index, row) { var html = [] $.each(row, function (key, value) { html.push('<p><b>' + key + ':</b> ' + value + '</p>') }) return html.join('') } </script> ```