EasyUI Forum

General Category => EasyUI for Vue => Topic started by: fengdie on September 18, 2018, 07:31:17 PM

Title: Please add a manual attribute to the pagination component layout
Post by: fengdie on September 18, 2018, 07:31:17 PM

Please add a manual attribute to the pagination component layout

Title: Re: Please add a manual attribute to the pagination component layout
Post by: jarry on September 19, 2018, 01:04:45 AM

Please use the 'tpl' slot to custom your pagination layout.

Code:

<DataGrid style="height:250px"
		:pagination="true"
		:data="data"
		:total="total"
		:pageSize="pageSize"
		:pageLayout="['list','sep','first','prev','num','sep','tpl','sep','next','last','refresh']">
  <div slot="tpl" slot-scope="{datagrid}">
    <NumberBox style="width:60px;height:30px"
        v-model="datagrid.pageNumberState"
        :spinners="false" 
        :inputStyle="{textAlign:'center'}">
    </NumberBox>
  </div>
  ...
</DataGrid>