EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: andreas on April 23, 2014, 01:56:14 AM

Title: is there a way, to give the datagrid footer another design ?
Post by: andreas on April 23, 2014, 01:56:14 AM

Hi, i'm looking for a way, to have different view for data rows and footer rows.
Like

Code:

<footer>
<tr><td rowspan="2">net</td><td>80,00</td></tr>
<tr><td>vat</td><td>25,00 %</td><td>20,00</td></tr>
<tr><td rowspan="2">gross</td><td>100,00</td></tr>
<footer>

Title: Re: is there a way, to give the datagrid footer another design ?
Post by: stworthy on April 23, 2014, 08:24:19 AM

To custom the body rows and footer rows, you have to extend the datagrid view that should override 'render' and 'renderFooter' functions. The example below shows how to extend a card view.
http://www.jeasyui.com/demo/main/index.php?plugin=DataGrid&theme=default&dir=ltr&pitem=Card%20View