javascript - 如何根据列的宽度换行

Question

嗨，我有一张不同列宽的表格，如下所示

${"#goldBarList"} table tr td:first-child{width:5%;}
${"#goldBarList"} table tr td:first-child+td{width:5%;}
${"#goldBarList"} table tr td:first-child+td+td{width:6%;}
${"#goldBarList"} table tr td:first-child+td+td+td{width:7%;}
${"#goldBarList"} table tr td:first-child+td+td+td+td{width:7%;}
${"#goldBarList"} table tr td:first-child+td+td+td+td+td+td+td{width:11%;}
${"#goldBarList"} table tr td:first-child+td+td+td+td+td+td+td+td{width:11%;}
${"#goldBarList"} table tr td:first-child+td+td+td+td+td+td+td+td+td{width:11%;}
${"#goldBarList"} table tr td:first-child+td+td+td+td+td+td+td+td+td+td{width:11%;}
${"#goldBarList"} table tr:first-child{read-only:true; font-size:90%; font-weight:bold;

}

我用了

${"#goldBarList"} table{
table-layout:fixed;
word-wrap:break-word;
}

使表格固定并将文本包装在单元格中。但问题是它没有根据列的宽度包装文本。表示宽度为 5%，宽度为 11% 时，它会环绕超过 8 个字符的文本。但我想根据列宽包装文本。这个怎么做..？

Answer 1

如果你想用 javascript 包装文本，

var getFormattedString  = function (str, length){
    if(str == null || str == '') return '';
    return (str.length>length)?(str.substr(0,length) + "...") : str;
}

像下面这样调用上面的函数。

var name = "This is the long long long text";
$(selector).attr('title', name).html(getFormattedString (name, 10));

其中元素的标题属性将显示默认工具提示。