javascript-数据透视表在表中显示html
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript-数据透视表在表中显示html,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1453字,纯文字阅读大概需要3分钟。
内容图文
![javascript-数据透视表在表中显示html](/upload/InfoBanner/zyjiaocheng/680/5d8aff1f1adf4aaebdd54217799a0e64.jpg)
我正在尝试使用https://github.com/nicolaskruchten/pivottable,基本上我想在表中显示图像.到目前为止我所做的是;但它不会将图像显示为img标签,而是将其视为字符串
<body>
<script type="text/javascript">
$(function(){
$("#output").pivotUI(
[
{product: "product1", image: "<img src='image1' alt='' height='42' width='42'>"},
{product: "product2", image: "<img src='image2' alt='' height='42' width='42'>"}
]
);
});
</script>
<p><a href="http://nicolas.kruchten.com/pivottable/examples/index.html">? back to examples</a></p>
<div id="output" style="margin: 10px;"></div>
</body>
解决方法:
由于表渲染器不支持th元素的html值,因此它显式设置了必须创建自己的渲染器的textContent属性.
您有两种选择:
1.基于Table渲染器代码创建一个渲染器,并将textContent更改为innerHTML.由于渲染功能非常大,我将使用jsfiddle代码段:http://jsfiddle.net/u3pwa0tx/
2.重复使用现有的Table渲染器,该渲染器将html显示为纯文本,但在将其返回给要附加的父级之前,请将所有文本移到html.
编辑:我在主存储库https://github.com/nicolaskruchten/pivottable/pull/214上创建了一个拉取请求
$(function(){
var rendererHtml = function(){
var result = pivotTableRenderer2.apply(this,arguments);
$(result).find('th').each(function(index,elem){
var $elem = $(elem);
$elem.html($elem.text());
})
return result;
}
$("#output").pivotUI(
[
{product: "product1", image: "<img src='image1' alt='' height='42' width='42'>"},
{product: "product2", image: "<img src='image2' alt='' height='42' width='42'>"}
],{
renderers:{
'table2Renderer': rendererHtml
}
}
);
});
内容总结
以上是互联网集市为您收集整理的javascript-数据透视表在表中显示html全部内容,希望文章能够帮你解决javascript-数据透视表在表中显示html所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。