2021-09-24

**

关于动态表格tableData中的表头文字乱序问题

**

这是个头疼问题，如果你的表格渲染采用 表头和表身数据分开的形式，而且 tableData 中的数据每个对象的键对应的顺序都不一样，那么接下来我将带你解决这个问题。

• 数据源

这是我的模拟数据 ，通过这张图片 你会发现任何两个 "{ }"里面的键的对应顺序都不完全相同。
这时候如果你采用表头和表身数据分开的情况渲染，数据就会对应不上。此时你需要对数据进行排序。

• 代码功能

• 在这里插入代在这里插入代码片码片

• function getSort(mySort, obj) {
  let arr = Object.keys(mySort);
  let newObj = {}
  for (let index = 0; index < arr.length; index++) {
  newObj[arr[index]] = obj[arr[index]]
  }
  return newObj;
  }

• 这样操作
  let urt = tableData.map(v => {
  return getSort(tableData[1], v)
  })
  console.log(“修不休”, urt);

• 结果

• 

• 看到没是不是非常香，以后就再也不用麻烦后端了。