Not able to use Fixed Header with autoLayout="True"

UI Components for Vue
Post Reply
Posts: 6
Joined: 07 Apr 2021, 08:03

07 Apr 2021, 08:19

Hi there,
I am not able to use Fixed Header feature in the datatable. I want the width of the columns to be based on the content. So, I am using autoLayout="True" by which I can't use scrollable="true". Can Fixed Header be implemented without scrollable="True"?

My piece of code:
<DataTable v-bind:value="allTableData" ref="dt" v-model:selection="selectedProducts3" dataKey="id" class="p-datatable-sm"
:autoLayout="true" showGridlines stripedRows removableSort columnResizeMode="expand"
:reorderableColumns="true" :loading="loading"
responsiveLayout="scroll" scrollHeight="400px" scrollDirection="both"
:paginator="true" :rows="10"
paginatorTemplate="CurrentPageReport FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown"
currentPageReportTemplate="Showing {first} to {last} of {totalRecords}">

Posts: 121
Joined: 23 Oct 2020, 09:28

11 Jun 2021, 16:34


Please make sure you didn't use any width style for Column component.


Post Reply

Return to “PrimeVue”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 3 guests