Tuesday, October 4, 2011

Re: GWT CELLTABLE : How to set descending icon to column on celltable header ?

Edit cellTableHeader property in cellTableStyle.css file. Implement
the CellTable.Resources interface. Add your header icon at background-
image("your_background_icon") tag in CellTableStyle.css file.

//client side code.

interface TableResources extends CellTable.Resources
{
@Source(value = { CellTable.Style.DEFAULT_CSS,
"CellTableStyle.css" })
CellTable.Style cellTableStyle();
}

//Add your CellTableStyle.css in your cellTable

CellTable<your_domain_class> result = new
CellTable<your_domain_class>(15, GWT.<TableResources>
create(TableResources.class));


//CellTableStyle.css

.cellTableHeader
{
height: 20px;
border-bottom: 2px solid #60a6bf;
padding: 3px 25px;
text-align: left;
color: blue;
text-shadow: #ddf 1px 1px 0;
overflow: hidden;
cursor:pointer;
background-image: url(your_icon.gif);
background-repeat:no-repeat;
background-position:80% 50%;
}

S. Abraham
www.DataStoreGwt.com
Persist objects directly in GAE

--
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
To post to this group, send email to google-web-toolkit@googlegroups.com.
To unsubscribe from this group, send email to google-web-toolkit+unsubscribe@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.

No comments:

Post a Comment