Data table scroll error

UI Components for Vue
Post Reply
ErkamMedya
Posts: 13
Joined: 21 Jan 2019, 13:19

09 Dec 2019, 16:25

I have a problem when use paginator and scroll features are as true.

if DataTable has bellow settings;

Code: Select all

  :scrollable="true"
	       	  :paginator="true"
                  :rows="100"
the error was occurred:

Code: Select all

	Error in render: "TypeError: context.props.column.$scopedSlots[context.props.type] is not a function

Code: Select all

<DataTable
     :value="dataValue"
          :scrollable="true"
          scroll-height="60vh"
          style="width: 100%"
          :lazy="true"
          :paginator="true"
          :rows="100"
          :total-records="total"
          :row-hover="true"
          selection-mode="single"
          :first.sync="first"
          :sort-field="post.sort"
          :sort-order="post.order"
          :selection.sync="selectedData"
          @sort="sort($event)"
          @page="onPage($event)"
                   
        >
        
             <Column
                    v-for="col of columns"
                    header-style="width: 180px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;"
                    body-style="white-space: nowrap; text-overflow: ellipsis; overflow: hidden;"
                    :field="col.field"
                    :header="col.header"
            />
            
               </DataTable>

maydinbil
Posts: 38
Joined: 15 Jan 2015, 17:51
Location: Bursa,Turkiye

28 Dec 2019, 08:13

I have to same problem. I cant use paginators with scrool together

cagatay.civici
Prime
Posts: 18616
Joined: 05 Jan 2009, 00:21
Location: Cybertron
Contact:

30 Dec 2019, 12:25


Post Reply

Return to “PrimeVue”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 14 guests