如何根据列的宽度包装文本

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));

lement的title属性将显示默认工具提示。