700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > element表格自定义设置el-table-column表头宽度

element表格自定义设置el-table-column表头宽度

时间:2023-08-16 09:51:30

相关推荐

element表格自定义设置el-table-column表头宽度

<el-tableheight="100%":data="tableData"borderstyle="width: 100%"><el-table-columnshow-overflow-tooltip:width="setColumnWidth('日期')"prop="date"label="日期"></el-table-column><el-table-column:width="setColumnWidth('asdfghjkl')"prop="name"label="asdfghjkl"></el-table-column><el-table-column:width="setColumnWidth('!@#$%^&*()_!@#$%^&*()_')"prop="address"label="!@#$%^&*()_!@#$%^&*()_"></el-table-column></el-table>

methods: {setColumnWidth(str) {let columnWidth = 0;for (let char of str) {if ((char >= 'A' && char <= 'Z') || (char >= 'a' && char <= 'z')) {// 如果是英文字符,为字符分配10个单位宽度,单位宽度可根据字体大小调整columnWidth += 10} else if (char >= '\u4e00' && char <= '\u9fa5') {// 如果是中文字符,为字符分配14个单位宽度,单位宽度可根据字体大小调整columnWidth += 14} else {// 其他种类字符,为字符分配10个单位宽度,单位宽度可根据字体大小调整columnWidth += 10}}if (columnWidth < 120) {// 设置最小宽度columnWidth = 120}return columnWidth + 'px'},},

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。