<el-table
v-loading="dataListLoading"
:data="dataList"
style="width: 100%"
ref="tables"
class="tab"
:row-style="iRowStyle"
:cell-style="iCellStyle"
:header-row-style="iHeaderRowStyle"
border
:header-cell-style="{
background: 'rgba(194, 210, 255, 0.3)',
color: '#040415',
}"
@selection-change="dataListSelectionChangeHandle"
:row-key="getRowsKey"
>
关键代码:
:row-style="iRowStyle"
:cell-style="iCellStyle"
:header-row-style="iHeaderRowStyle"
computed: {
iRowStyle: function ({ row, rowIndex }) {
return 'height:30px';
},
iHeaderRowStyle: function ({ row, rowIndex }) {
return 'height:30px';
},
iCellStyle: function ({ row, column, rowIndex, columnIndex }) {
return 'padding:0px'
},
},
效果:
文章来源:https://www.toymoban.com/news/detail-624331.html
文章来源地址https://www.toymoban.com/news/detail-624331.html
到了这里,关于Element ui 修改table表格行高的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!