Datatable customer header not displayed in stack view

[tarakeshp]

Code: Select all

<DataTable :value="priceCards" :paginator="false" responsiveLayout="stack" breakpoint="960px">
	<Column>
                      	    <template #header>
                                <i class="pi pi-check text-sm mr-1"></i>I am working
                            </template>
                            <template #body="{ data }">
                                <InputSwitch v-model="is_working_day" onLabel="I am working"
                                    offLabel="I am not working" onIcon="pi pi-check" offIcon="pi pi-times" />
                            </template>
           </Column>
           ..................
           ..................
</DataTable>

The above perfectly renders in Desktop view. However on mobile the custom header template of each column are not shown in stack view except the body.