问题描述
有博客指导利用属性header-row-style修改表头高度，同时利用row-style可以修改表头下每行内容的高度。但是实践中发现表头高度只能调大，无法调小。
思考过程
继续对header-row-style的height赋值，先从大值开始例如1000px，发现表头高度有明显的变化，直到赋值在200px左右，表头高度似乎没有变化，猜想表头高度是否有一个定好的最小值？最后发现，elementUI中有一个最小高度限制，猜想与这一情况契合。
解决办法
修改标签el-main的line-height属性值，例如将160px修改为50px。
行高可以理解为任意两条相对的线的距离，对于块级元素，行高定义了该元素基线之间的最小距离。很容易发现，行内元素也是由line-height撑开的。
结果呈现
所以，调整header-row-style的height值，只有当其大于默认的行高，才能修改成功。这就解释了为什么实践中表头高度只能调大而无法调小的现象。