EasyUI
Home
Demo
Tutorial
Documentation
Download
Extension
Contact
Forum
EasyUI Forum
March 28, 2024, 10:52:55 PM
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 jQuery
>
[SOLVED] Footer background color on datagrid
Pages: [
1
]
« previous
next »
Print
Author
Topic: [SOLVED] Footer background color on datagrid (Read 7472 times)
Pierre
Sr. Member
Posts: 439
[SOLVED] Footer background color on datagrid
«
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
Re: Footer background color on datagrid
«
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
Re: Footer background color on datagrid
«
Reply #2 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.
Logged
stworthy
Administrator
Hero Member
Posts: 3581
Re: Footer background color on datagrid
«
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
Re: Footer background color on datagrid
«
Reply #4 on:
February 19, 2017, 07:11:07 AM »
Awesome, thank you so much.
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...