bootstraptable 自定义函数

Bootstrap Table 是一个强大的 jQuery 插件，它可以将 HTML 表格转换成具有排序、搜索、分页等功能的高度自定义的数据表格。要在 Bootstrap Table 中使用自定义函数，可以使用自定义列 formatter。formatter 是一个函数，用于格式化列中的数据。

下面是一个示例，演示如何在 Bootstrap Table 中使用自定义函数：

<table id="myTable" data-toggle="table" data-url="/data" data-pagination="true" data-search="true">
  <thead>
    <tr>
      <th data-field="id">ID</th>
      <th data-field="name" data-formatter="nameFormatter">Name</th>
      <th data-field="price" data-formatter="priceFormatter">Price</th>
    </tr>
  </thead>
</table>

在上面的示例中，我们定义了一个数据表格，并将数据 URL 设置为 /data，启用了分页和搜索功能。在表头中，我们定义了三个列：ID、Name 和 Price。对于 Name 和 Price 列，我们使用了 data-formatter 属性来指定一个自定义函数，分别是 nameFormatter 和 priceFormatter。

接下来，我们来定义这两个自定义函数：

function nameFormatter(value, row, index) {
  return '<a href="/users/' + row.id + '">' + value + '</a>';
}

function priceFormatter(value, row, index) {
  if (value > 100) {
    return '<span class="text-danger">' + value + '</span>';
  } else {
    return value;
  }
}

在这两个函数中，第一个参数 value 是列中的值，第二个参数 row 是整个行的数据，第三个参数 index 是行的索引。我们可以根据这些参数来自定义格式化函数的行为。

在 nameFormatter 中，我们将 Name 列的值包装在一个链接中，并使用行数据中的 ID 属性。在 priceFormatter 中，我们如果价格高于 100，就将其显示为红色，否则就保持不变。

这样，我们就可以在 Bootstrap Table 中使用自定义函数来格式化列中的数据了。