BootstrapTable 获取完数据动态设置columns里的field

BootstrapTable是一个基于Twitter Bootstrap的前端表格插件，用于显示大量数据。当你从服务器获取到数据后，可以根据数据的结构动态地设置`columns`属性，特别是当字段名与预期展示的内容不一致时。

假设你有一个JSON数组返回的数据，其中包含一些字段如`name`、`email`和`phone`，而在`columns`配置里，你可能需要将这些字段映射到实际的表头：

var data = [
  {id: 1, name: '张三', email: 'zhangsan@example.com', phone: '1234567890'},
  ... // 更多数据
];

// 创建BootstrapTable实例并动态设置columns
var table = new_bootstrap_table({
  columns: [
    {
      field: 'real_name', // 这里可以是数据中的实际字段名，比如'name'
      title: '姓名',       // 显示在表头的实际名称
    },
    {
      field: 'email',       // 或者直接使用其他字段
      title: '邮箱',
    },
    {
      field: 'phone',       // 同理，电话号码字段
      title: '电话',
    }
  ],
  data: data,
});

table.init();

在这里，`field`属性告诉插件如何从数据对象中提取值，而`title`则决定了用户看到的表头文本。如果数据结构发生变化，只需要相应地更新`columns`配置即可。