bootstraptable查看详情_Bootstrap table表格初始化表格数据的方法

Bootstrap table 是一款基于 Bootstrap 的表格插件，用于快速创建漂亮的数据表格。在 Bootstrap table 中，可以通过以下方式初始化表格数据：

1. 使用 HTML 表格数据：可以在 HTML 中定义一个表格，然后使用 Bootstrap table 的 data-url 属性指定数据源，例如：

<table data-toggle="table" data-url="data.json">
  <thead>
    <tr>
      <th data-field="id">ID</th>
      <th data-field="name">Name</th>
      <th data-field="price">Price</th>
    </tr>
  </thead>
</table>

2. 使用 JavaScript 数组数据：可以在 JavaScript 中定义一个数组，然后使用 Bootstrap table 的 data 属性指定数据源，例如：

<table data-toggle="table" data-height="300" data-search="true">
  <thead>
    <tr>
      <th data-field="id">ID</th>
      <th data-field="name">Name</th>
      <th data-field="price">Price</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>Item 1</td>
      <td>$1</td>
    </tr>
    <tr>
      <td>2</td>
      <td>Item 2</td>
      <td>$2</td>
    </tr>
    <tr>
      <td>3</td>
      <td>Item 3</td>
      <td>$3</td>
    </tr>
  </tbody>
</table>

以上是 Bootstrap table 初始化表格数据的两种方式，具体使用哪种方式取决于你的需求。