EasyUI Forum
March 28, 2024, 10:52:55 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: [SOLVED] Footer background color on datagrid  (Read 7472 times)
Pierre
Sr. Member
****
Posts: 439


View Profile Email
« on: February 18, 2017, 12:13:26 AM »

Hello
how to set some other color on datagrid footer section, please?
Thank you.
« Last Edit: February 19, 2017, 07:11:19 AM by Pierre » Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #1 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>
Logged
Pierre
Sr. Member
****
Posts: 439


View Profile Email
« Reply #2 on: February 18, 2017, 02:35:27 PM »

Hello
thank you but I can not bring it to work Sad
Here is sample code:
http://code.reloado.com/oeasyrik1/80/edit#preview
I don't understand what you mean by "footer content".
Thank you.
Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #3 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>
Logged
Pierre
Sr. Member
****
Posts: 439


View Profile Email
« Reply #4 on: February 19, 2017, 07:11:07 AM »

Awesome, thank you so much.
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!