Search code examples
angularionic-frameworkstylesprimeng

Ionic 2 with primeng style is not loading

I am currently working with the p-datatable and I can correctly use it. The big problem is that the style is not loading in. The p-dataTable itself is working correctly , only the styles are not. I followed the steps on the getting started page on the site of primeng but still nothing from the styling works. Below is an image of my datatable, I should be using the standard one.

The datatable: enter image description here

html: 

<p-dataTable [value]="reports" [responsive]="false">
    <p-column field="_id" header="ID"></p-column>
    <p-column field="reportJSON.datamodel[0].data" header="SUBMITTED BY"></p-column>
    <p-column field="reportJSON.type" header="REPORT TYPE"></p-column>
    <p-column field="reportJSON.revision" header="REVISION"></p-column>
    <p-column header="STATE">
      <ng-template pTemplate="body" let-report="rowData">
        <button [ngClass]="{'final' : report.reportJSON.finalVersion===true, 'draft' : report.reportJSON.finalVersion===false}" ion-button round>{{report.reportJSON.finalVersion ? 'FINAL' : 'DRAFT'}}</button>
      </ng-template>
    </p-column>
    <p-column field="reportJSON.lastEditDate.date" header="DATE"></p-column>
  </p-dataTable>

angular-cli.json: enter image description here

package.json:

enter image description here

Solution

  • I fixed this by adding the maps of the style to the assets/css map and refer to there in the index.html file