bootstrap table formatter

Bootstrap Table Formatter 是一个基于 Bootstrap Table 插件的拓展，它可以帮助开发者快速地为表格中的数据添加格式化显示。使用 Bootstrap Table Formatter，你可以在表格中显示数据的日期、时间、货币、百分比等格式，还可以自定义格式化方式。

Bootstrap Table Formatter 支持的格式化类型包括：

- 数字：格式化为货币、百分比等形式；
- 日期和时间：格式化为指定的日期和时间格式；
- 字符串：截取字符串并添加省略号等效果。

下面是一个使用 Bootstrap Table Formatter 的示例：

<table data-toggle="table" data-pagination="true" data-search="true" data-url="data.json">
  <thead>
    <tr>
      <th data-field="name">名称</th>
      <th data-field="price" data-formatter="priceFormatter">价格</th>
      <th data-field="date" data-formatter="dateFormatter">日期</th>
      <th data-field="status" data-formatter="statusFormatter">状态</th>
    </tr>
  </thead>
</table>

<script>
function priceFormatter(value) {
  return '¥ ' + value.toFixed(2);
}

function dateFormatter(value) {
  var date = new Date(value);
  return date.toLocaleDateString();
}

function statusFormatter(value) {
  if (value === 1) {
    return '<span class="label label-success">已完成</span>';
  } else {
    return '<span class="label label-danger">未完成</span>';
  }
}
</script>

在这个示例中，我们定义了三个数据格式化函数：`priceFormatter`、`dateFormatter` 和 `statusFormatter`。这些函数将在表格中显示对应字段的数据，并将其格式化为指定的形式。对于 `priceFormatter`，我们将数字格式化为带有货币符号的形式；对于 `dateFormatter`，我们将日期格式化为本地日期字符串；对于 `statusFormatter`，我们根据值的不同，显示不同的状态标签。

通过使用 Bootstrap Table Formatter，我们可以轻松地为数据表格添加格式化显示效果，提升数据展示的易读性和美观性。