读书人

amp;#x27;lt;div style=quot;width:amp;#x27; + va

发布时间: 2013-07-01 12:33:04 作者: rapoo

'<div style="width:' + value + '%;background:blue;color:#fff">' ie正常火狐不能按比例显示颜色块
<th data-options="field:'qnwc',width:80,align:'right',sortable:true, formatter:formatProgress">全年完成</th>

//操作函数
function formatProgress(value){
if (value){
var s = '<div style="width:100%;border:1px solid #ccc">' +
'<div style="width:' + value + '%;background:blue;color:#fff">' + '</div>' + value + '%'
'</div>';
return s;
} else {
return '';
}
}

谢谢 各位
[解决办法]

var s = '<div style="width:100%;border:1px solid #ccc">' +
'<div style="width:' + value + '%;background:blue;color:#fff;">' + value + '%</div>'
'</div>';


百分比放到颜色块中,要不给div加高度,要不firefox下默认高度为0,当然不会显示
[解决办法]
div高度也得定义下吧。

然后浮动。

读书人网 >JavaScript

热点推荐