EasyUI Forum

General Category => EasyUI for Vue => Topic started by: fengdie on January 21, 2019, 12:49:24 AM

Title: the datagrid component how to formatter footer
Post by: fengdie 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>

Title: Re: the datagrid component how to formatter footer
Post by: jarry 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>