获取铁数据表来呈现演示数据
当我在这个JSbin中运行我的代码，我希望iron-data-table使用类似于在这个演示页面上的填充数据来呈现。相反，只有表标题呈现，但其余单元格无法填充。
可以对JSbin进行哪些更改以实现所需的行为？
http://jsbin.com/hepebapori/1/edit?html,console,output
<!DOCTYPE html>
<html>
<head>
<base href="https://polygit.org/polymer+:master/components/">
<link rel="import" href="polymer/polymer.html">
<script src="webcomponentsjs/webcomponents-lite.min.js"></script>
<link rel="import" href="iron-ajax/iron-ajax.html">
<link rel="import" href="paper-button/paper-button.html">
<link href="https://rawgit.com/saulis/iron-data-table/master/iron-data-table.html" rel="import">
</head>
<body>
<dom-module id="x-foo">
<template>
<style>
</style>
<paper-button on-tap="msg">Click Me</paper-button>
<iron-ajax auto
url="https://saulis.github.io/iron-data-table/demo/users.json"
last-response="{{users}}"
>
</iron-ajax>
<iron-data-table selection-enabled items="[[users.results]]">
<data-table-column name="Picture" width="50px" flex="0">
<template>
<img src="[[item.user.picture.thumbnail]]">
</template>
</data-table-column>
<data-table-column name="First Name">
<template>[[item.user.name.first]]</template>
</data-table-column>
<data-table-column name="Last Name">
<template>[[item.user.name.last]]</template>
</data-table-column>
<data-table-column name="Email">
<template>[[item.user.email]]</template>
</data-table-column>
</iron-data-table>
</template>
<script>
(function(){
'use strict';
Polymer({
is: 'x-foo',
msg: function() {
console.log('This proves Polymer is working!');
},
});
})();
</script>
</dom-module>
<x-foo></x-foo>
</body>
</html>回答 2
Stack Overflow用户
发布于 2016-07-31 09:55:23
您的问题是iron-data-table的导入。仅仅使用rawgit并不会带来神奇的效果，因为您需要使用多基特这样的代理服务器来使webcomponents正常工作(您已经像这样加载了聚合物，而不是iron-data-table)。
由于一个平庸的文档，我花了一段时间才弄清楚，如何将聚合物进口与iron-data-table相结合。
所需的两种配置是polymer+:master和iron-data-table+Saulis+:master。
综合起来，您的base标记如下所示：
<base href="https://polygit.org/polymer+:master/iron-data-table+Saulis+:master/components/">这样，您就可以像其他元素一样导入元素：
<link rel="import" href="iron-data-table/iron-data-table.html">工作JSbin (在Google中测试)
Stack Overflow用户
发布于 2016-09-06 10:09:08
要在项目中开始使用铁数据表，您必须：
- 下载软件包：
bower熨斗-数据表-S保龄球安装-保存聚合元件/铁-ajax
- 创建引用这些包的html文件：
- 在html文件所在的相同位置创建data.json文件：
{“名称”：{“标题”：“小姐”，“第一”："donna"，“最后”："davis“}}，{"name"：{ "title"："mr"，"first"："samuel"，"last"："kelley”}，{"name"：{ "title"："ms"，“第一”：“凯蒂”，“最后”：“巴特勒”}
https://stackoverflow.com/questions/38681668
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号