Element: table的行高度怎么调整?

Created on 19 Jan 2017  ·  13Comments  ·  Source: ElemeFE/element

我期待table的行高度能再小一点,该怎么做呢?或者可以设置个参数size = “small"?

ElementUI version

1.1.5

OS/Browers version


chromium 54

Vue version

2.1.10

question

Most helpful comment

  <el-table :data="testList" style="width: 100%"  :row-style="{height:'40px'}">

增加 :row-style="{height:'40px'}"

All 13 comments

可以用css覆盖样式

怎么做?是哪个样式?

求问,怎么设置行高小一些?

@dreamrom @LFHSEU 在标签el-table中设置id, 然后#idName table tbody tr { height: ... } .

现在el-table 已经支持 size = “small"了

  <el-table :data="testList" style="width: 100%"  :row-style="{height:'40px'}">

增加 :row-style="{height:'40px'}"

table高度固定 怎么让row 不自适应高度 给固定高度没效果

设置row-style = "height:0"为最小行高,最小行高是35px 就不能在缩小了,哪位大神还有办法能缩到比35px小一点?

设置row-style = "height:0"为最小行高,最小行高是35px 就不能在缩小了,哪位大神还有办法能缩到比35px小一点?

確實...透過這方式沒辦法在更小了

我這邊看是到56px, Firefox 68

请问找到可行的办法了吗?

解决了:
设置两个类

   :row-class-name="rowClassName"
   :cell-class-name="cellClassName"

element表格设置行高

现在el-table 已经支持 size = “small"了

为什么我在row里面增加

el-table 设置 size = “small"就没有作用了?

table高度固定 怎么让row 不自适应高度 给固定高度没效果

我也遇到这个,设置了高度,row还是自适应了,请问有解决的方法吗?

Was this page helpful?
0 / 5 - 0 ratings