responsive table styles

polymer-table.html

Polymer('polymer-table', {
      ready: function () {
        var css = [];
        var style = document.createElement('style');

        var nodeList = this.$.header.getDistributedNodes();
        var thList = nodeList[0].children[0].children;
        [].forEach.call(thList, function (th, i) {
          css.push(
            ':host.mobile td:nth-of-type('+(i + 1)+'):before {'+
              'content: "'+th.textContent+'";'+
            '}'
          );
        });

        css = css.join('\n');
        if (style.styleSheet) {
          style.styleSheet.cssText = css;
        } else {
          style.appendChild(document.createTextNode(css));
        }

        document.head.appendChild(style);
      }
    });