extjs6表格获取的数据横向展示例子

假设有以下数据：

[
  { name: 'John', age: 25, gender: 'male' },
  { name: 'Jane', age: 30, gender: 'female' },
  { name: 'Bob', age: 35, gender: 'male' }
]

我们想要将其横向展示为：

[
  { name: 'John', age: 25, gender: 'male' },
  { name: 'Jane', age: 30, gender: 'female' },
  { name: 'Bob', age: 35, gender: 'male' },
  { field: 'name', John: 'John', Jane: 'Jane', Bob: 'Bob' },
  { field: 'age', John: 25, Jane: 30, Bob: 35 },
  { field: 'gender', John: 'male', Jane: 'female', Bob: 'male' }
]

可以使用以下代码实现：

// 原始数据
var data = [
  { name: 'John', age: 25, gender: 'male' },
  { name: 'Jane', age: 30, gender: 'female' },
  { name: 'Bob', age: 35, gender: 'male' }
];

// 获取所有字段名
var fields = Object.keys(data[0]);

// 创建新的数据数组
var newData = [];

// 将原始数据添加到新数组中
newData = newData.concat(data);

// 将每个字段横向展开
fields.forEach(function(field) {
  var row = { field: field };
  data.forEach(function(item) {
    row[item.name] = item[field];
  });
  newData.push(row);
});

console.log(newData);

该代码会输出横向展开后的数据数组。