paper-datatable не обнаруживает источник данных/объект данных, определенный локально в полимерном элементе

Я пытаюсь использовать бумажную карточку с данными в одном из моих полимерных элементов. В источнике данных я дал переменную, которая представляет собой массив объектов.

<paper-datatable-card id="datatableCard" header="Checklist" page-size="10" data-source="{{users}}" id-property="id" selected-ids="{{selectedIds}}">
   <paper-datatable id="datatable" selectable multi-selection selected-items="{{selectedItems}}">
        <div no-results>
          Loading or no more items...
        </div>
        <paper-datatable-column header="ID" property="id" type="String" default="1" tooltip="Some title" sortable align="center" sorted></paper-datatable-column>
        <paper-datatable-column header="Task Name" property="name" type="String" defualt="abc" tooltip="PM task" sortable></paper-datatable-column>
   </paper-datatable>      

</paper-datatable-card>

Ниже приведен скрипт моего полимерного элемента:

< script >


  Polymer({
    is: 'opt-main',

    properties: {

    },

    ready: function() {
      this.users = [
            {id: 0, name: 'Lily'},
            {id: 1, name: 'Emila'}
        ];
      }

  }); //end-polymer
})(); //end-function  </script >

Я не вижу никаких данных в своей таблице. Есть ли что-то неправильное в определении источника данных? Я новичок в полимерах, поэтому не уверен, что это правильный способ добиться этого.