Here is how default table looks like with Row Banding Interval set to 1.

Now, let’s apply skin changes (shown later) and we can change layout as shown below.

Notice, few very visible changes. Here is skin code for each change.

Change Title to be centered.

af|column::column-header-cell-content {
    text-align: center;

Change Row banding color.

af|column::banded-data-cell {
    background-color: #DDD;

Change table row height.

af|table::data-row {
    height: 26px;

Share this:
Chandresh Patel

I have been working with Java EE technologies since 2000. After implementing IBM WebSphere and custom framework solutions, my past 10 years have been focused on Oracle Fusion Middleware such as WebLogic, ADF, WebCenter and Coherence. I have been part of many automation projects in the past and have a passion for automation capabilities to help our customers deliver software faster and with higher quality. In my current role as a Principal Architect at Flexagon, I am driving the FlexDeploy product strategy and development to build DevOps/CI/CD features that help our customers.

More posts by Chandresh Patel

Leave a Reply

Your email address will not be published. Required fields are marked *