代码: :row-style="{height:44+'px'}":cell-style="{padding:0+'px'}" 加了后的样式:
直接使用el-table的height属性,可以传一个高度给它,就会以这个高度固定表格,内部数据滚动~ 但是我想屏幕大小table自适应高度,天真的输入80%, 发现不生效!这就需要人为操作如下: <template> <lls-table :data="tableData":height="tableHeight"> </llst-bale> </template>exportdefault{ data () {return{ tabl...
&:after{position:absolute;right:0;content:"";width:20px;height:100%;background:linear-gradient(to right,transparent,#fff 50%);}}.icon-holder{position:relative;z-index:2;display:inline-block;margin-left:-10px;// 图标部分往前移一点,这样看起来不会离内容太远}svg{display:none;cursor:pointer;f...
<el-table :data="tableData" border max-height="200px" :header-cell-style="{background:'#f2f2f2'}" :row-style="iRowStyle"> <el-table-column prop="key" label="键" width="100" align="center"> </el-table-column> <el-table-column prop="value" label="值" align="center"> </el...
el-tableborder不生效只有外边框解决办法如下。1、固定了表格的高度height=250把高度去掉。2、可加上border=true。3、打开控制台,发现css有这个属性.el-table--borderborder-right:none。border-bottom:none,第一个样式注释即可。
在el table 中,可以通过设置height属性为百分比值来实现百分比高度的效果。例如,设置height为"100%"可以使表格的高度自适应父容器的高度,无论父容器的高度是多少,表格都会自动调整。 百分比高度的另一个优势是可以实现表格的滚动效果。当表格中的数据过多时,可以通过设置height属性为一个较小的百分比值,然后配合使用...
见有些说把height改成max-height,但是样式还是会有问题,fixed的表格短了一截。 看了官网,里面写了doLayout的方法,百度见有人用,可以解决,于是我也试试 要记得在table那里加一个ref 然后就是接口请求得到数据的时候,走一遍这个方法 this.$nextTick(()=>{ &... ...
<el-table :data="tableData" border max-height="200px" :header-cell-style="{background:'#f2f2f2'}" :row-style="iRowStyle"> <el-table-column prop="key" label="键" width="100" align="center"> </el-table-column> <el-table-column prop="value" label="值" align="center"> </el...
<el-table :data="tableData" :v-loading="tableLoading" row-key="id" height="100%" highlight-current-row show-summary border fit style="width: 100%; border:1px solid #EBEEF5; border-color: #868686" :cell-style="tableCellStyle" :header-cell-style="tableHeaderCellStyle" > <el-table-...