ElementUI中＜el-table＞不显示列名含有点

在ElementUI的<el-table>组件中，如果列名中包含特殊字符或者表情，可能会导致显示不正常。这是因为某些字符在HTML中有特殊含义，比如<和>会被解析为标签的开始和结束。

解决方法：

1. 对于列名中的特殊字符，可以使用HTML实体来替换。例如，你需要显示<100，可以写成<100。
2. 如果是表情符号，可以使用相应的Unicode编码来显示。例如，显示一个笑脸表情，可以写成\u263a。

以下是一个简单的示例，展示如何在ElementUI的<el-table-column>的label属性中使用HTML实体来显示小于号：

<template>
  <el-table :data="tableData">
    <el-table-column
      prop="date"
      label="Date &lt;100">
    </el-table-column>
    <el-table-column
      prop="name"
      label="Name">
    </el-table-column>
    <el-table-column
      prop="address"
      label="Address">
    </el-table-column>
  </el-table>
</template>
 
<script>
export default {
  data() {
    return {
      tableData: [{
        date: '2016-05-02',
        name: 'John',
        address: 'No. 189, Grove St, Los Angeles'
      }, {
        date: '2016-05-04',
        name: 'Peter',
        address: 'No. 189, Grove St, Los Angeles'
      }]
    }
  }
}
</script>

在这个例子中，Date <100会被正确显示为Date <100。