1

こんにちは、以下のような異なる列幅のテーブルがあります

${"#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 文字を超える幅のテキストを折り返すことを意味します。しかし、列幅に基づいてテキストを折り返したいです。これを行う方法..？

4

1 に答える 1

0

If you want to Wrap the text in javascript,

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

Call the above function like following.

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

Where title attribute of the lement will display the default tooltip.

于 2013-01-08T11:35:48.953 に答える