transformCellText

提供 transformCellText 这个表格属性来做数据的处理

数据处理时，都是用text这个属性

划重点

text会有两种情况，这个才是坑的地方

• 非数组（直接就是要展示的数据）
• 是个数组（要展示的数据被数组包裹了一层）

text非数组情况

直接简单使用，不使用table组件的插槽，这个时候返回的就是要展示的数据

可以从图上看出，打印的text的结果

text是个数组

使用了table组件的bodyCell插槽，这个时候要展示的数据被数组包裹了一层

可以从图上看出，打印的text被数组包裹了一层

实践方案

既然text会有两种情况，就可以从两种情况下手，完成我们的需求

// 当返回的类型是VNode时，不用特殊处理，因为VNode是自定义的dom 直接渲染
const handleTransform = ({ text }) => {

  const isEmpty = val => val === null || val === undefined || val === ''

  const target = Array.isArray(text) ? (text.length > 0 ? text[0] : undefined) : text

  return isEmpty(target) ? '--' : text
}