const baseWidth = 14;
// 设置表格的最大宽和最小宽
const MIN_WIDTH = 200;
const MAX_WIDTH = 350;
/**
* 列表每列的最大宽度计算
* @description 根据内容长度动态计算是否需要省略号
* @param {object[]} list- 表格的数据
* @param {string} key - 需要检测的属性
* @param {number=} min - 预定义的最小值
* @param {number=} max - 预定义的最大值
* @returns { width | min | max} 返回对应的内容的长度
*/
export function calcColumnWidth(
list = [],
key,
min = MIN_WIDTH,
max = MAX_WIDTH
) {
if (!min) {
min = MIN_WIDTH;
}
if (list.length > 0) {
const newList = [...list];
const longestItem = newList.sort((a, b) => {
return (b[key]?.length || 0) - (a[key]?.length || 0);
})[0] || { [key]: "" };
console.log('longestItem', longestItem);
const width = longestItem[key]?.length * baseWidth + 22;
return width < min ? min : width > max ? max : width;
} else {
return min;
}
};
原文地址:https://blog.csdn.net/qq_45442879/article/details/128207780
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若转载，请注明出处：http://www.7code.cn/show_43474.html
如若内容造成侵权/违法违规/事实不符，请联系代码007邮箱：suwngjj01@126.com进行投诉反馈，一经查实，立即删除！
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
