iview table 显示文本前后空格

在iView Table组件中，如果你想要控制单元格内容的显示，包括去除前后多余的空格，你可以通过v-bind:key绑定自定义属性，并设置单元格内元素的text或innerHTML。例如：

<template>
  <Table :data="tableData" border>
    <TableColumn label="标题" prop="content" show-overflow-tooltip>
      <template slot-scope="scope">
        <span v-bind:class="{ trimSpaces: true }">{{ scope.row.content.trim() }}</span>
      </template>
    </TableColumn>
  </Table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { content: ' 这里有前后空格  ' },
        // 更多数据...
      ]
    };
  }
};
</script>

<style scoped>
.trimSpaces {
  white-space: nowrap; /* 或者根据需要选择其他处理方式 */
}
</style>

在这个例子中，我们使用了`trim()`函数来去除字符串两端的空格，并通过`.trimSpaces`这个类名应用样式（如`white-space: nowrap`），阻止空白字符换行显示。