EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: Pierre on February 18, 2017, 12:13:26 AM

Title: [SOLVED] Footer background color on datagrid
Post by: Pierre on February 18, 2017, 12:13:26 AM

Hello
how to set some other color on datagrid footer section, please?
Thank you.

Title: Re: Footer background color on datagrid
Post by: stworthy on February 18, 2017, 08:33:16 AM

The footer can be customized easily. Please look at this code.

Code:

<div id="ff" style="background:#fff">
  footer content
</div>
<table id="dg" class="easyui-datagrid" title="DataGrid" footer="#ff" style="width:700px;height:200px">
...
</table>

Title: Re: Footer background color on datagrid
Post by: Pierre on February 18, 2017, 02:35:27 PM

Hello
thank you but I can not bring it to work :(
Here is sample code:
http://code.reloado.com/oeasyrik1/80/edit#preview
I don't understand what you mean by "footer content".
Thank you.

Title: Re: Footer background color on datagrid
Post by: stworthy on February 19, 2017, 04:44:09 AM

If you want to change the background color of the footer rows, please try this code:

Code:

<style type="text/css">
  .datagrid-footer .datagrid-row{
    background: #ddd;
  }
</style>

Title: Re: Footer background color on datagrid
Post by: Pierre on February 19, 2017, 07:11:07 AM

Awesome, thank you so much.