通过data-formatter设置bootstarp 表格单元格背景色例子

可以通过 `data-formatter` 属性来设置 Bootstrap 表格单元格的背景色。下面是一个例子：

<table class="table">
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>性别</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td data-formatter="nameFormatter">张三</td>
      <td data-formatter="ageFormatter">25</td>
      <td data-formatter="genderFormatter">男</td>
    </tr>
    <tr>
      <td data-formatter="nameFormatter">李四</td>
      <td data-formatter="ageFormatter">30</td>
      <td data-formatter="genderFormatter">女</td>
    </tr>
  </tbody>
</table>

在上面的例子中，我们为每个单元格添加了 `data-formatter` 属性，并指定了一个对应的函数来格式化单元格内容。例如，`nameFormatter` 函数可以用来设置姓名单元格的背景色：

function nameFormatter(value, row) {
  return '<div style="background-color: #ffcccc;">' + value + '</div>';
}

这个函数接受两个参数：单元格的值和整行数据。我们可以利用这些信息来动态生成单元格内容。其他两个函数 `ageFormatter` 和 `genderFormatter` 可以用类似的方式来设置年龄和性别单元格的背景色。