解决vue中使用v-html解析table没有显示线条

需要渲染出来的html的内容为：

"
123
44

a
b
c
d
e
f
g
1
2
3
4
5
6
7
"

最开始使用v-html解析富文本中的table，代码如下：

页面渲染展示为下图，table中的实线框没有渲染出来

实线框没有渲染出来的原因是因为v-html是富文本中有啥渲染啥，所以，如果在table中没有设置样式的话，就需要手动添加样式！
解决方案：为渲染出来的table设置样式

// css
.html {
    table {
        border-collapse: collapse;
    }
    td, th {
        border: 1px solid #ccc;
        min-width: 50px;
        height: 20px;
    }
    th {
        background-color: #f1f1f1;
    }
}

这样就可以成功渲染出来table表格