EasyUI
Home
Demo
Tutorial
Documentation
Download
Extension
Contact
Forum
EasyUI Forum
November 12, 2025, 08:06:03 AM
Welcome,
Guest
. Please
login
or
register
.
1 Hour
1 Day
1 Week
1 Month
Forever
Login with username, password and session length
News
:
Home
Help
Search
Login
Register
EasyUI Forum
>
General Category
>
EasyUI for Vue
>
the datagrid component how to formatter footer
Pages: [
1
]
« previous
next »
Print
Author
Topic: the datagrid component how to formatter footer (Read 11868 times)
fengdie
Jr. Member
Posts: 87
the datagrid component how to formatter footer
«
on:
January 21, 2019, 12:49:24 AM »
Code:
<DataGrid selectionMode="single" class="f-full"
:data="grid.data"
:border="false"
:striped="true"
:showFooter="true"
:footerData="grid.footerData"
>
....
</DataGrid>
Logged
jarry
Administrator
Hero Member
Posts: 2300
Re: the datagrid component how to formatter footer
«
Reply #1 on:
January 21, 2019, 06:12:05 AM »
Please define the 'footer' slot to custom the footer cell.
Code:
<GridColumn field="name" title="Name">
<template slot="footer" slot-scope="scope">
{{scope.row.name}}
</template>
</GridColumn>
Logged
Pages: [
1
]
Print
« previous
next »
Jump to:
Please select a destination:
-----------------------------
General Category
-----------------------------
=> News
=> General Discussion
=> EasyUI for jQuery
=> EasyUI for Angular
=> EasyUI for Vue
=> EasyUI for React
=> Bug Report
Loading...