iview 表格头部toolTip换行

Question

动态生成的表格头要添加悬浮框。用renderHeader自定义表格头，但悬浮框内容怎么自定义换行？

Answer 1

找到了答案：在Tooltip数组里边添加就行。

     renderHeader: (h, params) => {
                        return h('div', [
                          h('span', '高风险评分'),
                          h('Tooltip', {
                            props: {
                              // content: '≥60：高风险           <60：低风险           分值越高，风险越高',
                              transfer: true,
                              // maxWidth: '150',
                              theme: 'light'
                            }
                          }, [
                            h('Icon', {
                              props: {
                                type: 'md-help-circle',
                                color: "#c8c8c8",
                                size: "20"
                              },
                              class: {iconClass: true}
                            }),//表格列显示文字
                            h('div', {
                                  slot: 'content',
                                  style: {
                                      whiteSpace: 'normal'
                                   }
                              }, '≥60：高风险'//整个的信息即气泡内文字
                              ),//表格列显示文字
                            h('div', {
                                  slot: 'content',
                                  style: {
                                      whiteSpace: 'normal'
                                   }
                              }, '<60：低风险'//整个的信息即气泡内文字
                              ),//表格列显示文字
                            h('div', {
                                  slot: 'content',
                                  style: {
                                      whiteSpace: 'normal'
                                   }
                              }, '分值越高，风险越高'//整个的信息即气泡内文字
                              )
                          ]),
                        ])
                    }