VUE表格显示带有空格的内容

注意：全角与半角的空格宽度是不同的

<template>
	<xxx-table>
		// ...
		class="table"
	/>
</template>
<script>
	// ...
</script>
<style scoped>
.table /deep/ .el-table .cell.el-tooltip {  //注意:由于xxx-table对原有的vue table进行了封装，所以不要遗漏/deep/，否则不起作用
    white-space: pre-wrap;    //pre-wrap:保留空白符序列，正常地进行换行
							  //normal:默认，空白会被浏览器忽略
							  //pre:空白会被浏览器保留，类似于html的<pre>标签（被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。）
							  //nowrap:文本不会换行，文本会在同一行上继续，直到遇到<br>标签为止
							  //pre-line:合并空白符序列，但保留换行符
							  //inherit:规定应从父元素继承white-space属性的值
}
</style>