PrimeNG datatable markup (studies)

 <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
        <div class="card">
            <div class="card-block">
                <div class="card-title">
                    All Studies
                </div>
                <div class="card-text">
                <p-dataTable [value]="allStudies" selectionMode="single" [(selection)]="selectedStudy" (onRowSelect)="onRowSelect($event)" (onRowUnselect)="onRowUnselect($event)">
                    <p-column field="study_name" header="Name"  [sortable]="true" [filter]="true" filterPlaceholder="Search" [editable]="true"></p-column>
                    <p-column field="study_desc" header="Description" [editable]="true"></p-column>
                    <p-column field="insert_user" header="Added by"  [sortable]="true"></p-column>
                    <p-column field="insert_date" header="Date added"  [sortable]="true"></p-column>
                    <p-footer><div style="text-align: left">Selected Study: {{selectedStudy ? selectedStudy.study_name: 'none'}}</div></p-footer>
                </p-dataTable>
                </div> 
            </div>
        </div>
    </div>