'<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高度也得定义下吧。
然后浮动。