单元格自定义提示,超出自定义提示

可以自定义单元格提示显示内容

onInit() {
    this.columns.forEach(x => {
      if (x.field == 'ProductCode') {
          x.render = (h, { row, column, index }) => {
            return (
              <el-popover
                placement="right"
                title="提示信息"
                width={250}
                trigger="hover"
              >
                {{ reference:<div><div>{row.ProductCode}</div></div>,
                  //自定义提示内容
                  default: () => {
                    return (
                      <div style="line-height:1.5;">
                        <div>商品编号：{row.ProductCode}</div>
                        <div>商品价格：{row.Price}</div>
                        <div>创建时间：{row.CreateDate}</div>
                      </div>
                    )
                  }
                }}
              </el-popover>
            );
          };
        }
      })
}