antd的Table中title是英文会加粗,中文不会
1.18 antd Table 踩坑记录
使用antd的Table时,title字体不是加粗的。但是文档中的标题都是加粗的,首先想到的会不会是react的全局样式不小心影响到了。
开发者工具中,Elements面板能够实时编辑DOM节点和CSS样式。
-
-
Style面板,可以实时修改CSS的属性值
-
Computed面板,可以编辑左侧选中的盒子模型参数
所以一个元素中所有的样式都可以看这里查看到。通过对比文档和自己代码中标题的样式,发现都是有font-weight:'500'
的,但是就很奇怪,为什么文档是加粗效果的,而自己的是普通效果。
文档中:
自己代码:
但是应该可以排除全局样式的影响了。
然后想到会不会是字体的问题,这个还没有验证,因为很快就找到原因了……
最后发现antd的Table中title是英文会加粗,中文不会,通过在开发者工具中,修改了DOM树中内容,把英文改成了中文,结果文档的标题也变成普通效果了2333