# IIconSetCondition

## Content

<div class="docapp-java-api-doc-main"><style>:not(h1, h2, h3, h4, h5, h6)>code,
:not(h1, h2, h3, h4, h5, h6)>tt {
    font-size: 14px;
    padding-top: 4px;
    margin-top: 8px;
    line-height: 1.4em;
}

.summary-table dt code {
    font-size: 14px;
    vertical-align: top;
    padding-top: 4px;
}

.tab {
    background-color: #0066FF;
    color: #ffffff;
    padding: 8px;
    width: 5em;
    font-weight: bold;
}

/*
 * Styles for page header and footer.
 */
.title {
    color: #2c4557;
    margin: 10px 0;
}

.sub-title {
    margin: 5px 0 0 0;
}

.header ul {
    margin: 0 0 15px 0;
    padding: 0;
}

.header ul li,
.footer ul li {
    list-style: none;
}

/*
 * Styles for headings.
 */
.summary h2,
.details h2,
h2,
.block-list h2 {
    padding: 0;
    margin: 15px 0;
}

.summary h3,
.details h3,
.summary .inherited-list h2 {
    background-color: var(--ds-product-color);
    color: #fff;
    border: 1px solid #d0d9e0;
    padding: 7px 5px;
}

.summary h3 a,
.details h3 a,
.summary .inherited-list h2 a {
    color: #fff !important;
}
/*
 * Styles for page layout containers.
 */
dl.notes>dt {
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0 0 0;
    color: #4E4E4E;
}

dl.notes>dd {
    margin: 5px 10px 10px 0;
    font-size: 14px;
}

dl.name-value>dt {
    margin-left: 1px;
    font-size: 1.1em;
    display: inline;
    font-weight: bold;
}

dl.name-value>dd {
    margin: 0 0 0 1px;
    font-size: 1.1em;
    display: inline;
}

/*
 * Styles for lists.
 */
li.circle {
    list-style: circle;
}

ul.horizontal li {
    display: inline;
    font-size: 0.9em;
}

div.inheritance {
    margin: 0;
    padding: 0;
}

div.inheritance div.inheritance {
    margin-left: 2em;
}

ul.block-list,
ul.details-list,
ul.member-list,
ul.summary-list {
    margin: 10px 0 10px 0;
    padding: 0;
}

ul.block-list>li,
ul.details-list>li,
ul.member-list>li,
ul.summary-list>li {
    list-style: none;
    margin-bottom: 15px;
    line-height: 1.4;
}

.summary-table dl,
.summary-table dl dt,
.summary-table dl dd {
    margin-top: 0;
    margin-bottom: 1px;
}

ul.see-list,
ul.see-list-long {
    padding-left: 0;
    list-style: none;
}

ul.see-list li {
    display: inline;
}

ul.see-list li:not(:last-child):after,
ul.see-list-long li:not(:last-child):after {
    content: ", ";
    white-space: pre-wrap;
}

/*
 * Styles for tables.
 */
.summary-table,
.details-table {
    width: 100%;
    border-spacing: 0;
    border-left: 1px solid #EEE;
    border-right: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    padding: 0;
}

.caption {
    position: relative;
    text-align: left;
    background-repeat: no-repeat;
    color: #253441;
    font-weight: bold;
    clear: none;
    overflow: hidden;
    padding: 0;
    padding-top: 10px;
    padding-left: 1px;
    margin: 0;
    white-space: pre;
}

.caption a:link,
.caption a:visited {
    color: #1f389c;
}

.caption a:hover,
.caption a:active {
    color: #FFFFFF;
}

.caption span {
    white-space: nowrap;
    padding-top: 5px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 7px;
    display: inline-block;
    background-color: var(--ds-product-color);
    color: #fff;
    border: none;
}

div.table-tabs {
    padding: 10px 0 0 1px;
    margin: 0;
}

div.table-tabs>button {
    border: none;
    cursor: pointer;
    padding: 5px 12px 7px 12px;
    font-weight: bold;
    margin-right: 3px;
}

div.table-tabs>button.active-table-tab {
    background: var(--ds-product-color);
    color: #fff;
}

div.table-tabs>button.table-tab {
    background: var(--ds-product-color);
    color: #FFFFFF;
    border-bottom: 1px solid #eee;
}

.two-column-summary {
    display: grid;
    grid-template-columns: minmax(15%, max-content) minmax(15%, auto);
}

.three-column-summary {
    display: grid;
    grid-template-columns: minmax(10%, max-content) minmax(15%, max-content) minmax(15%, auto);
}

.four-column-summary {
    display: grid;
    grid-template-columns: minmax(10%, max-content) minmax(10%, max-content) minmax(10%, max-content) minmax(10%, auto);
}

@media screen and (max-width: 600px) {
    .two-column-summary {
        display: grid;
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 800px) {
    .three-column-summary {
        display: grid;
        grid-template-columns: minmax(10%, max-content) minmax(25%, auto);
    }

    .three-column-summary .col-last {
        grid-column-end: span 2;
    }
}

@media screen and (max-width: 1000px) {
    .four-column-summary {
        display: grid;
        grid-template-columns: minmax(15%, max-content) minmax(15%, auto);
    }
}

.summary-table>div,
.details-table>div {
    text-align: left;
    padding: 8px 3px 3px 7px;
}

.col-first,
.col-second,
.col-last,
.col-constructor-name,
.col-summary-item-name {
    vertical-align: top;
    padding-right: 0;
    padding-top: 8px;
    padding-bottom: 3px;
}

.table-header {
    background: var(--ds-product-color);
    color: #fff;
    font-weight: bold;
}

.col-first,
.col-first {
    font-size: 13px;
}

.col-second,
.col-second,
.col-last,
.col-constructor-name,
.col-summary-item-name,
.col-last {
    font-size: 13px;
}

.col-first,
.col-second,
.col-constructor-name {
    vertical-align: top;
    overflow: auto;
}

.col-last {
    white-space: normal;
}

.col-first a:link,
.col-first a:visited,
.col-second a:link,
.col-second a:visited,
.col-first a:link,
.col-first a:visited,
.col-second a:link,
.col-second a:visited,
.col-constructor-name a:link,
.col-constructor-name a:visited,
.col-summary-item-name a:link,
.col-summary-item-name a:visited,
.constant-values-container a:link,
.constant-values-container a:visited,
.all-classes-container a:link,
.all-classes-container a:visited,
.all-packages-container a:link,
.all-packages-container a:visited {
    font-weight: bold;
}

.table-sub-heading-color {
    background-color: #EEEEFF;
}

.even-row-color,
.even-row-color .table-header {
    background-color: #FFFFFF;
}

.odd-row-color,
.odd-row-color .table-header {
    background-color: #EEEEEF;
}

/*
 * Styles for contents.
 */
.deprecated-content {
    margin: 0;
    padding: 10px 0;
}

div.block {
    font-size: 14px;
}

.col-last div {
    padding-top: 0;
}

.col-last a {
    padding-bottom: 3px;
}

.module-signature,
.package-signature,
.type-signature,
.member-signature {
    font-size: 14px;
    margin: 14px 0;
    white-space: pre-wrap;
}

.module-signature,
.package-signature,
.type-signature {
    margin-top: 0;
}

.member-signature .type-parameters-long,
.member-signature .parameters,
.member-signature .exceptions {
    display: inline-block;
    vertical-align: top;
    white-space: pre;
}

.member-signature .type-parameters {
    white-space: normal;
}

/*
 * Styles for formatting effect.
 */
.source-line-no {
    color: green;
    padding: 0 30px 0 0;
}

h1.hidden {
    visibility: hidden;
    overflow: hidden;
    font-size: 10px;
}

.block {
    display: block;
    margin: 0 10px 5px 0;
    color: #474747;
}

.deprecated-label,
.descfrm-type-label,
.implementation-label,
.member-name-label,
.member-name-link,
.module-label-in-package,
.module-label-in-type,
.override-specify-label,
.package-label-in-type,
.package-hierarchy-label,
.type-name-label,
.type-name-link,
.search-tag-link,
.preview-label {
    font-weight: bold;
}

.deprecation-block {
    font-size: 14px;
    border-style: solid;
    border-width: thin;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    display: inline-block;
}

.preview-block {
    font-size: 14px;
    border-style: solid;
    border-width: thin;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    display: inline-block;
}

/*
 * Styles for user-provided tables.
 *
 * borderless:
 *      No borders, vertical margins, styled caption.
 *      This style is provided for use with existing doc comments.
 *      In general, borderless tables should not be used for layout purposes.
 *
 * plain:
 *      Plain borders around table and cells, vertical margins, styled caption.
 *      Best for small tables or for complex tables for tables with cells that span
 *      rows and columns, when the "striped" style does not work well.
 *
 * striped:
 *      Borders around the table and vertical borders between cells, striped rows,
 *      vertical margins, styled caption.
 *      Best for tables that have a header row, and a body containing a series of simple rows.
 */

table.borderless,
table.plain,
table.striped {
    margin-top: 10px;
    margin-bottom: 10px;
}

table.borderless>caption,
table.plain>caption,
table.striped>caption {
    font-weight: bold;
    font-size: smaller;
}

table.borderless th,
table.borderless td,
table.plain th,
table.plain td,
table.striped th,
table.striped td {
    padding: 2px 5px;
}

table.borderless,
table.borderless>thead>tr>th,
table.borderless>tbody>tr>th,
table.borderless>tr>th,
table.borderless>thead>tr>td,
table.borderless>tbody>tr>td,
table.borderless>tr>td {
    border: none;
}

table.borderless>thead>tr,
table.borderless>tbody>tr,
table.borderless>tr {
    background-color: transparent;
}

table.plain {
    border-collapse: collapse;
    border: 1px solid black;
}

table.plain>thead>tr,
table.plain>tbody tr,
table.plain>tr {
    background-color: transparent;
}

table.plain>thead>tr>th,
table.plain>tbody>tr>th,
table.plain>tr>th,
table.plain>thead>tr>td,
table.plain>tbody>tr>td,
table.plain>tr>td {
    border: 1px solid black;
}

table.striped {
    border-collapse: collapse;
    border: 1px solid black;
}

table.striped>thead {
    background-color: #E3E3E3;
}

table.striped>thead>tr>th,
table.striped>thead>tr>td {
    border: 1px solid black;
}

table.striped>tbody>tr:nth-child(even) {
    background-color: #EEE
}

table.striped>tbody>tr:nth-child(odd) {
    background-color: #FFF
}

table.striped>tbody>tr>th,
table.striped>tbody>tr>td {
    border-left: 1px solid black;
    border-right: 1px solid black;
}

table.striped>tbody>tr>th {
    font-weight: normal;
}
</style><h1>Interface IIconSetCondition</h1>
<!-- ======== START OF CLASS DATA ======== -->

<section class="class-description" id="class-description">
<hr>
<div class="type-signature"><span class="modifiers">public interface </span><span class="element-name type-name-label">IIconSetCondition</span></div>
<div class="block">Represents an icon set conditional formatting rule. <p>An  <code>IIconSetCondition</code> applies icon-based conditional formatting to a range and lets you configure the icon set, criteria thresholds, display order, and target range for  the rule.</p>
<pre><code data-language="Java">
 worksheet.getRange("A1:A5").setValue(new Object[][] {{10}, {30}, {50}, {70}, {90}});
 IIconSetCondition condition = worksheet.getRange("A1:A5").getFormatConditions().addIconSetCondition();
 condition.setIconSet(workbook.getIconSets().get(IconSetType.Icon3Symbols));
 condition.getIconCriteria().get(1).setValue(50);
 condition.getIconCriteria().get(2).setValue(70);
 </code></pre></div>
</section>
<section class="summary">
<ul class="summary-list">
<!-- ========== METHOD SUMMARY =========== -->
<li>
<section class="method-summary" id="method-summary">
<h2>Method Summary</h2>
<div id="method-summary-table">
<div aria-orientation="horizontal" class="table-tabs" role="tablist"><button aria-controls="method-summary-table.tabpanel" aria-selected="true" class="active-table-tab" id="method-summary-table-tab0" onclick="show('method-summary-table', 'method-summary-table', 3)" onkeydown="switchTab(event)" role="tab" tabindex="0">All Methods</button><button aria-controls="method-summary-table.tabpanel" aria-selected="false" class="table-tab" id="method-summary-table-tab2" onclick="show('method-summary-table', 'method-summary-table-tab2', 3)" onkeydown="switchTab(event)" role="tab" tabindex="-1">Instance Methods</button><button aria-controls="method-summary-table.tabpanel" aria-selected="false" class="table-tab" id="method-summary-table-tab3" onclick="show('method-summary-table', 'method-summary-table-tab3', 3)" onkeydown="switchTab(event)" role="tab" tabindex="-1">Abstract Methods</button></div>
<div id="method-summary-table.tabpanel" role="tabpanel">
<div aria-labelledby="method-summary-table-tab0" class="summary-table three-column-summary">
<div class="table-header col-first">Modifier and Type</div>
<div class="table-header col-second">Method</div>
<div class="table-header col-last">Description</div>
<div class="col-first even-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3"><code>void</code></div>
<div class="col-second even-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3"><code><a class="member-name-link" href="#delete()">delete</a>()</code></div>
<div class="col-last even-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3">
<div class="block">Deletes this conditional format.</div>
</div>
<div class="col-first odd-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3"><code>void</code></div>
<div class="col-second odd-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3"><code><a class="member-name-link" href="#fromJson(java.lang.String)">fromJson</a><wbr>(<a class="external-link" href="https://docs.oracle.com/en/java/javase/17/docs/api/java.base/java/lang/String.html" title="class or interface in java.lang">String</a>&nbsp;json)</code></div>
<div class="col-last odd-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3">
<div class="block">Loads an icon set conditional formatting rule from a JSON string into this object.</div>
</div>
<div class="col-first even-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3"><code><a href="IRange.html" title="interface in com.grapecity.documents.excel">IRange</a></code></div>
<div class="col-second even-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3"><code><a class="member-name-link" href="#getAppliesTo()">getAppliesTo</a>()</code></div>
<div class="col-last even-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3">
<div class="block">Returns an  <a href="IRange.html" title="interface in com.grapecity.documents.excel"><code>IRange</code></a> that specifies the cell range to which the formatting rule is applied.</div>
</div>
<div class="col-first odd-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3"><code>boolean</code></div>
<div class="col-second odd-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3"><code><a class="member-name-link" href="#getCustom()">getCustom</a>()</code></div>
<div class="col-last odd-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3">
<div class="block">Returns a Boolean value indicating whether this is a custom icon set condition.</div>
</div>
<div class="col-first even-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3"><code><a href="IIconCriteria.html" title="interface in com.grapecity.documents.excel">IIconCriteria</a></code></div>
<div class="col-second even-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3"><code><a class="member-name-link" href="#getIconCriteria()">getIconCriteria</a>()</code></div>
<div class="col-last even-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3">
<div class="block">Gets an  <a href="IIconCriteria.html" title="interface in com.grapecity.documents.excel"><code>IIconCriteria</code></a> collection, which represents the set of criteria for an icon set conditional formatting rule.</div>
</div>
<div class="col-first odd-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3"><code><a href="IIconSet.html" title="interface in com.grapecity.documents.excel">IIconSet</a></code></div>
<div class="col-second odd-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3"><code><a class="member-name-link" href="#getIconSet()">getIconSet</a>()</code></div>
<div class="col-last odd-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3">
<div class="block">Gets the icon set used in the conditional format.</div>
</div>
<div class="col-first even-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3"><code>boolean</code></div>
<div class="col-second even-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3"><code><a class="member-name-link" href="#getPercentileValues()">getPercentileValues</a>()</code></div>
<div class="col-last even-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3">
<div class="block">Returns a Boolean value indicating if the thresholds for an icon set  conditional format are determined by using percentiles.</div>
</div>
<div class="col-first odd-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3"><code>int</code></div>
<div class="col-second odd-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3"><code><a class="member-name-link" href="#getPriority()">getPriority</a>()</code></div>
<div class="col-last odd-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3">
<div class="block">Gets the priority value of the conditional formatting rule.</div>
</div>
<div class="col-first even-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3"><code>boolean</code></div>
<div class="col-second even-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3"><code><a class="member-name-link" href="#getReverseOrder()">getReverseOrder</a>()</code></div>
<div class="col-last even-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3">
<div class="block">Returns a Boolean value indicating if the order of icons is reversed for an  icon set.</div>
</div>
<div class="col-first odd-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3"><code>boolean</code></div>
<div class="col-second odd-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3"><code><a class="member-name-link" href="#getShowIconOnly()">getShowIconOnly</a>()</code></div>
<div class="col-last odd-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3">
<div class="block">Gets a Boolean value indicating if only the icon is displayed for an icon set  conditional format.</div>
</div>
<div class="col-first even-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3"><code>boolean</code></div>
<div class="col-second even-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3"><code><a class="member-name-link" href="#getStopIfTrue()">getStopIfTrue</a>()</code></div>
<div class="col-last even-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3">
<div class="block">Gets whether subsequent conditional formatting rules are skipped when this  rule evaluates to  <code>true</code>.</div>
</div>
<div class="col-first odd-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3"><code><a href="FormatConditionType.html" title="enum class in com.grapecity.documents.excel">FormatConditionType</a></code></div>
<div class="col-second odd-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3"><code><a class="member-name-link" href="#getType()">getType</a>()</code></div>
<div class="col-last odd-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3">
<div class="block">Returns the type of this conditional format.</div>
</div>
<div class="col-first even-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3"><code>void</code></div>
<div class="col-second even-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3"><code><a class="member-name-link" href="#setAppliesTo(com.grapecity.documents.excel.IRange)">setAppliesTo</a><wbr>(<a href="IRange.html" title="interface in com.grapecity.documents.excel">IRange</a>&nbsp;value)</code></div>
<div class="col-last even-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3">
<div class="block">Sets an  <a href="IRange.html" title="interface in com.grapecity.documents.excel"><code>IRange</code></a> that specifies the cell range to which the formatting rule is applied.</div>
</div>
<div class="col-first odd-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3"><code>void</code></div>
<div class="col-second odd-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3"><code><a class="member-name-link" href="#setFirstPriority()">setFirstPriority</a>()</code></div>
<div class="col-last odd-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3">
<div class="block">Sets the priority value for this conditional formatting rule to  <code>1</code> so that it will be evaluated before all other rules on the worksheet.</div>
</div>
<div class="col-first even-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3"><code>void</code></div>
<div class="col-second even-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3"><code><a class="member-name-link" href="#setIconSet(com.grapecity.documents.excel.IIconSet)">setIconSet</a><wbr>(<a href="IIconSet.html" title="interface in com.grapecity.documents.excel">IIconSet</a>&nbsp;value)</code></div>
<div class="col-last even-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3">
<div class="block">Sets the  <a href="IIconSet.html" title="interface in com.grapecity.documents.excel"><code>IIconSet</code></a> used in the conditional format.</div>
</div>
<div class="col-first odd-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3"><code>void</code></div>
<div class="col-second odd-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3"><code><a class="member-name-link" href="#setLastPriority()">setLastPriority</a>()</code></div>
<div class="col-last odd-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3">
<div class="block">Sets the evaluation order for this conditional formatting rule so it is  evaluated after all other rules on the worksheet.</div>
</div>
<div class="col-first even-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3"><code>void</code></div>
<div class="col-second even-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3"><code><a class="member-name-link" href="#setPercentileValues(boolean)">setPercentileValues</a><wbr>(boolean&nbsp;value)</code></div>
<div class="col-last even-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3">
<div class="block">Sets a Boolean value indicating if the thresholds for an icon set  conditional format are determined by using percentiles.</div>
</div>
<div class="col-first odd-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3"><code>void</code></div>
<div class="col-second odd-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3"><code><a class="member-name-link" href="#setPriority(int)">setPriority</a><wbr>(int&nbsp;value)</code></div>
<div class="col-last odd-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3">
<div class="block">Sets the priority value of the conditional formatting rule.</div>
</div>
<div class="col-first even-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3"><code>void</code></div>
<div class="col-second even-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3"><code><a class="member-name-link" href="#setReverseOrder(boolean)">setReverseOrder</a><wbr>(boolean&nbsp;value)</code></div>
<div class="col-last even-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3">
<div class="block">Sets a Boolean value indicating if the order of icons is reversed for an  icon set.</div>
</div>
<div class="col-first odd-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3"><code>void</code></div>
<div class="col-second odd-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3"><code><a class="member-name-link" href="#setShowIconOnly(boolean)">setShowIconOnly</a><wbr>(boolean&nbsp;value)</code></div>
<div class="col-last odd-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3">
<div class="block">Sets a Boolean value indicating if only the icon is displayed for an icon set  conditional format.</div>
</div>
<div class="col-first even-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3"><code><a class="external-link" href="https://docs.oracle.com/en/java/javase/17/docs/api/java.base/java/lang/String.html" title="class or interface in java.lang">String</a></code></div>
<div class="col-second even-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3"><code><a class="member-name-link" href="#toJson()">toJson</a>()</code></div>
<div class="col-last even-row-color method-summary-table method-summary-table-tab2 method-summary-table-tab3">
<div class="block">Generates a JSON string from the conditional format.</div>
</div>
</div>
</div>
</div>
</section>
</li>
</ul>
</section>
<section class="details">
<ul class="details-list">
<!-- ============ METHOD DETAIL ========== -->
<li>
<section class="method-details" id="method-detail">
<h2>Method Details</h2>
<ul class="member-list">
<li>
<section class="detail" id="getAppliesTo()">
<h3>getAppliesTo</h3>
<div class="member-signature"><span class="return-type"><a href="IRange.html" title="interface in com.grapecity.documents.excel">IRange</a></span>&nbsp;<span class="element-name">getAppliesTo</span>()</div>
<div class="block">Returns an  <a href="IRange.html" title="interface in com.grapecity.documents.excel"><code>IRange</code></a> that specifies the cell range to which the formatting rule is applied. <p>Use  <a href="#setAppliesTo(com.grapecity.documents.excel.IRange)"><code>setAppliesTo(IRange)</code></a> to change the range associated with this icon set conditional formatting rule.</p>
<pre><code data-language="Java">
 worksheet.getRange("A1:A5").setValue(new Object[][] {{10}, {30}, {50}, {70}, {90}});
 IIconSetCondition condition = worksheet.getRange("A1:A5").getFormatConditions().addIconSetCondition();
 condition.setAppliesTo(worksheet.getRange("B1:B5"));
 IRange appliesTo = condition.getAppliesTo();
 </code></pre></div>
<dl class="notes">
<dt>Returns:</dt>
<dd>The <a href="IRange.html" title="interface in com.grapecity.documents.excel"><code>IRange</code></a> to which the formatting rule is applied.</dd>
</dl>
</section>
</li>
<li>
<section class="detail" id="setAppliesTo(com.grapecity.documents.excel.IRange)">
<h3>setAppliesTo</h3>
<div class="member-signature"><span class="return-type">void</span>&nbsp;<span class="element-name">setAppliesTo</span><wbr><span class="parameters">(<a href="IRange.html" title="interface in com.grapecity.documents.excel">IRange</a>&nbsp;value)</span></div>
<div class="block">Sets an  <a href="IRange.html" title="interface in com.grapecity.documents.excel"><code>IRange</code></a> that specifies the cell range to which the formatting rule is applied. <p>Use this method to apply the current icon set conditional formatting rule to  a different range.</p>
<pre><code data-language="Java">
 worksheet.getRange("A1:A5").setValue(new Object[][] {{10}, {30}, {50}, {70}, {90}});
 IIconSetCondition condition = worksheet.getRange("A1:A5").getFormatConditions().addIconSetCondition();
 condition.setAppliesTo(worksheet.getRange("B1:B5"));
 </code></pre></div>
<dl class="notes">
<dt>Parameters:</dt>
<dd><code>value</code> - The <a href="IRange.html" title="interface in com.grapecity.documents.excel"><code>IRange</code></a> to which the formatting rule is applied.</dd>
</dl>
</section>
</li>
<li>
<section class="detail" id="getIconCriteria()">
<h3>getIconCriteria</h3>
<div class="member-signature"><span class="return-type"><a href="IIconCriteria.html" title="interface in com.grapecity.documents.excel">IIconCriteria</a></span>&nbsp;<span class="element-name">getIconCriteria</span>()</div>
<div class="block">Gets an  <a href="IIconCriteria.html" title="interface in com.grapecity.documents.excel"><code>IIconCriteria</code></a> collection, which represents the set of criteria for an icon set conditional formatting rule. <p>Each item in the returned collection represents the threshold settings for one  icon in the current icon set.</p>
<pre><code data-language="Java">
 worksheet.getRange("A1:A5").setValue(new Object[][] {{10}, {30}, {50}, {70}, {90}});
 IIconSetCondition condition = worksheet.getRange("A1:A5").getFormatConditions().addIconSetCondition();
 condition.setIconSet(workbook.getIconSets().get(IconSetType.Icon3Symbols));
 IIconCriteria criteria = condition.getIconCriteria();
 </code></pre></div>
<dl class="notes">
<dt>Returns:</dt>
<dd>The <a href="IIconCriteria.html" title="interface in com.grapecity.documents.excel"><code>IIconCriteria</code></a> collection for the icon set conditional formatting rule.</dd>
</dl>
</section>
</li>
<li>
<section class="detail" id="getIconSet()">
<h3>getIconSet</h3>
<div class="member-signature"><span class="return-type"><a href="IIconSet.html" title="interface in com.grapecity.documents.excel">IIconSet</a></span>&nbsp;<span class="element-name">getIconSet</span>()</div>
<div class="block">Gets the icon set used in the conditional format. <p>Returns the  <a href="IIconSet.html" title="interface in com.grapecity.documents.excel"><code>IIconSet</code></a> currently applied to this icon set conditional formatting rule.</p>
<pre><code data-language="Java">
 worksheet.getRange("A1:A5").setValue(new Object[][] {{10}, {30}, {50}, {70}, {90}});
 IIconSetCondition condition = worksheet.getRange("A1:A5").getFormatConditions().addIconSetCondition();
 condition.setIconSet(workbook.getIconSets().get(IconSetType.Icon3TrafficLights1));
 IIconSet iconSet = condition.getIconSet();
 </code></pre></div>
<dl class="notes">
<dt>Returns:</dt>
<dd>The <a href="IIconSet.html" title="interface in com.grapecity.documents.excel"><code>IIconSet</code></a> used in the conditional format.</dd>
</dl>
</section>
</li>
<li>
<section class="detail" id="setIconSet(com.grapecity.documents.excel.IIconSet)">
<h3>setIconSet</h3>
<div class="member-signature"><span class="return-type">void</span>&nbsp;<span class="element-name">setIconSet</span><wbr><span class="parameters">(<a href="IIconSet.html" title="interface in com.grapecity.documents.excel">IIconSet</a>&nbsp;value)</span></div>
<div class="block">Sets the  <a href="IIconSet.html" title="interface in com.grapecity.documents.excel"><code>IIconSet</code></a> used in the conditional format. <p>Use this method to apply a predefined  <a href="IIconSet.html" title="interface in com.grapecity.documents.excel"><code>IIconSet</code></a> from the workbook's <a href="IIconSets.html" title="interface in com.grapecity.documents.excel"><code>IIconSets</code></a> collection to an icon set conditional formatting rule.</p>
<pre><code data-language="Java">
 worksheet.getRange("A1:A5").setValue(new Object[][] {{10}, {30}, {50}, {70}, {90}});
 IIconSetCondition condition = worksheet.getRange("A1:A5").getFormatConditions().addIconSetCondition();
 condition.setIconSet(workbook.getIconSets().get(IconSetType.Icon3TrafficLights1));
 </code></pre></div>
<dl class="notes">
<dt>Parameters:</dt>
<dd><code>value</code> - The <a href="IIconSet.html" title="interface in com.grapecity.documents.excel"><code>IIconSet</code></a> to use for the conditional format.</dd>
</dl>
</section>
</li>
<li>
<section class="detail" id="getPercentileValues()">
<h3>getPercentileValues</h3>
<div class="member-signature"><span class="return-type">boolean</span>&nbsp;<span class="element-name">getPercentileValues</span>()</div>
<div class="block">Returns a Boolean value indicating if the thresholds for an icon set  conditional format are determined by using percentiles. <p>This property returns  <code>false</code> if not every threshold is set to percentile. Use  <a href="#setPercentileValues(boolean)"><code>setPercentileValues(boolean)</code></a> to change all threshold types to percentile at once.</p>
<pre><code data-language="Java">
 worksheet.getRange("A1:A5").setValue(new Object[][] {{10}, {30}, {50}, {70}, {90}});
 IIconSetCondition condition = worksheet.getRange("A1:A5").getFormatConditions().addIconSetCondition();
 condition.setPercentileValues(true);
 boolean percentileValues = condition.getPercentileValues();
 </code></pre></div>
<dl class="notes">
<dt>Returns:</dt>
<dd><code>true</code> if the thresholds for the icon set conditional format are determined by using percentiles; otherwise,  <code>false</code>.</dd>
</dl>
</section>
</li>
<li>
<section class="detail" id="setPercentileValues(boolean)">
<h3>setPercentileValues</h3>
<div class="member-signature"><span class="return-type">void</span>&nbsp;<span class="element-name">setPercentileValues</span><wbr><span class="parameters">(boolean&nbsp;value)</span></div>
<div class="block">Sets a Boolean value indicating if the thresholds for an icon set  conditional format are determined by using percentiles.
 <pre><code data-language="Java">
 worksheet.getRange("A1:A5").setValue(new Object[][] {{10}, {30}, {50}, {70}, {90}});
 IIconSetCondition condition = worksheet.getRange("A1:A5").getFormatConditions().addIconSetCondition();
 condition.setPercentileValues(true);
 </code></pre></div>
<dl class="notes">
<dt>Parameters:</dt>
<dd><code>value</code> - <code>true</code> if the thresholds for the icon set conditional format are determined by using percentiles; otherwise,  <code>false</code>.</dd>
</dl>
</section>
</li>
<li>
<section class="detail" id="getPriority()">
<h3>getPriority</h3>
<div class="member-signature"><span class="return-type">int</span>&nbsp;<span class="element-name">getPriority</span>()</div>
<div class="block">Gets the priority value of the conditional formatting rule. <p>The priority determines the order of evaluation when multiple conditional  formatting rules exist in a worksheet. Priority values are unique within the  worksheet, so changing the priority of one rule can shift the priority values  of other rules.</p>
<pre><code data-language="Java">
 worksheet.getRange("A1:A5").setValue(new Object[][] {{10}, {30}, {50}, {70}, {90}});
 IIconSetCondition firstRule = worksheet.getRange("A1:A5").getFormatConditions().addIconSetCondition();
 IIconSetCondition secondRule = worksheet.getRange("A1:A5").getFormatConditions().addIconSetCondition();
 secondRule.setPriority(1);
 int priority = secondRule.getPriority();
 </code></pre></div>
<dl class="notes">
<dt>Returns:</dt>
<dd>The priority value of the conditional formatting rule.</dd>
</dl>
</section>
</li>
<li>
<section class="detail" id="setPriority(int)">
<h3>setPriority</h3>
<div class="member-signature"><span class="return-type">void</span>&nbsp;<span class="element-name">setPriority</span><wbr><span class="parameters">(int&nbsp;value)</span></div>
<div class="block">Sets the priority value of the conditional formatting rule. <p>The priority determines the order of evaluation when multiple conditional  formatting rules exist in a worksheet. Priority values are unique within the  worksheet, so changing the priority of one rule can shift the priority values  of other rules.</p>
<pre><code data-language="Java">
 worksheet.getRange("A1:A5").setValue(new Object[][] {{10}, {30}, {50}, {70}, {90}});
 IIconSetCondition firstRule = worksheet.getRange("A1:A5").getFormatConditions().addIconSetCondition();
 IIconSetCondition secondRule = worksheet.getRange("A1:A5").getFormatConditions().addIconSetCondition();
 secondRule.setPriority(1);
 </code></pre></div>
<dl class="notes">
<dt>Parameters:</dt>
<dd><code>value</code> - The priority value of the conditional formatting rule.</dd>
</dl>
</section>
</li>
<li>
<section class="detail" id="getReverseOrder()">
<h3>getReverseOrder</h3>
<div class="member-signature"><span class="return-type">boolean</span>&nbsp;<span class="element-name">getReverseOrder</span>()</div>
<div class="block">Returns a Boolean value indicating if the order of icons is reversed for an  icon set. <p>Returns  <code>true</code> when the icon set conditional format displays icons in reverse order. Returns  <code>false</code> when the default icon order is used.</p>
<pre><code data-language="Java">
 IIconSetCondition condition = worksheet.getRange("A1:A3").getFormatConditions().addIconSetCondition();
 condition.setReverseOrder(true);
 boolean reverseOrder = condition.getReverseOrder();
 </code></pre></div>
<dl class="notes">
<dt>Returns:</dt>
<dd><code>true</code> if the order of icons is reversed for the icon set; <code>false</code> otherwise.</dd>
</dl>
</section>
</li>
<li>
<section class="detail" id="setReverseOrder(boolean)">
<h3>setReverseOrder</h3>
<div class="member-signature"><span class="return-type">void</span>&nbsp;<span class="element-name">setReverseOrder</span><wbr><span class="parameters">(boolean&nbsp;value)</span></div>
<div class="block">Sets a Boolean value indicating if the order of icons is reversed for an  icon set. <p>Sets  <code>true</code> when the icon set conditional format displays icons in reverse order. Sets  <code>false</code> when the default icon order is used.</p>
<pre><code data-language="Java">
 IIconSetCondition condition = worksheet.getRange("A1:A3").getFormatConditions().addIconSetCondition();
 condition.setReverseOrder(true);
 </code></pre></div>
<dl class="notes">
<dt>Parameters:</dt>
<dd><code>value</code> - <code>true</code> if the order of icons is reversed for the icon set; <code>false</code> otherwise.</dd>
</dl>
</section>
</li>
<li>
<section class="detail" id="getShowIconOnly()">
<h3>getShowIconOnly</h3>
<div class="member-signature"><span class="return-type">boolean</span>&nbsp;<span class="element-name">getShowIconOnly</span>()</div>
<div class="block">Gets a Boolean value indicating if only the icon is displayed for an icon set  conditional format. <p>Returns  <code>true</code> when cells that use this icon set rule display only the icon. Returns  <code>false</code> when the icon is displayed together with the cell value.</p>
<pre><code data-language="Java">
 worksheet.getRange("A1:A3").setValue(new Object[][] {
     {10},
     {50},
     {90}
 });
 IIconSetCondition condition = worksheet.getRange("A1:A3").getFormatConditions().addIconSetCondition();
 condition.setIconSet(workbook.getIconSets().get(IconSetType.Icon3Symbols));
 condition.setShowIconOnly(true);
 boolean showIconOnly = condition.getShowIconOnly();
 </code></pre></div>
<dl class="notes">
<dt>Returns:</dt>
<dd><code>true</code> if only the icon is displayed; otherwise, <code>false</code>.</dd>
</dl>
</section>
</li>
<li>
<section class="detail" id="setShowIconOnly(boolean)">
<h3>setShowIconOnly</h3>
<div class="member-signature"><span class="return-type">void</span>&nbsp;<span class="element-name">setShowIconOnly</span><wbr><span class="parameters">(boolean&nbsp;value)</span></div>
<div class="block">Sets a Boolean value indicating if only the icon is displayed for an icon set  conditional format. <p>Sets  <code>true</code> when cells that use this icon set rule display only the icon. Sets  <code>false</code> when the icon is displayed together with the cell value.</p>
<pre><code data-language="Java">
 worksheet.getRange("A1:A3").setValue(new Object[][] {
     {10},
     {50},
     {90}
 });
 IIconSetCondition condition = worksheet.getRange("A1:A3").getFormatConditions().addIconSetCondition();
 condition.setIconSet(workbook.getIconSets().get(IconSetType.Icon3Symbols));
 condition.setShowIconOnly(true);
 </code></pre></div>
<dl class="notes">
<dt>Parameters:</dt>
<dd><code>value</code> - <code>true</code> if only the icon is displayed; otherwise, <code>false</code>.</dd>
</dl>
</section>
</li>
<li>
<section class="detail" id="getStopIfTrue()">
<h3>getStopIfTrue</h3>
<div class="member-signature"><span class="return-type">boolean</span>&nbsp;<span class="element-name">getStopIfTrue</span>()</div>
<div class="block">Gets whether subsequent conditional formatting rules are skipped when this  rule evaluates to  <code>true</code>. <p>When this method returns  <code>true</code>, subsequent rules are not evaluated  for a cell after this rule evaluates to  <code>true</code>. When it returns  <code>false</code>, evaluation can continue with later rules.</p>
<pre><code data-language="Java">
 worksheet.getRange("A1:A5").setValue(new Object[][] {{10}, {30}, {50}, {70}, {90}});
 IIconSetCondition condition = worksheet.getRange("A1:A5").getFormatConditions().addIconSetCondition();
 boolean stopIfTrue = condition.getStopIfTrue();
 </code></pre></div>
<dl class="notes">
<dt>Returns:</dt>
<dd><code>true</code> if subsequent rules are skipped when this rule evaluates to  <code>true</code>; otherwise,  <code>false</code>.</dd>
</dl>
</section>
</li>
<li>
<section class="detail" id="getType()">
<h3>getType</h3>
<div class="member-signature"><span class="return-type"><a href="FormatConditionType.html" title="enum class in com.grapecity.documents.excel">FormatConditionType</a></span>&nbsp;<span class="element-name">getType</span>()</div>
<div class="block">Returns the type of this conditional format. <p>For an icon set conditional formatting rule, this method returns  <a href="FormatConditionType.html#IconSets"><code>FormatConditionType.IconSets</code></a>.</p>
<pre><code data-language="Java">
 worksheet.getRange("A1:A5").setValue(new Object[][] {{10}, {30}, {50}, {70}, {90}});
 IIconSetCondition condition = worksheet.getRange("A1:A5").getFormatConditions().addIconSetCondition();
 FormatConditionType type = condition.getType();
 </code></pre></div>
<dl class="notes">
<dt>Returns:</dt>
<dd>The type of this conditional format.</dd>
</dl>
</section>
</li>
<li>
<section class="detail" id="delete()">
<h3>delete</h3>
<div class="member-signature"><span class="return-type">void</span>&nbsp;<span class="element-name">delete</span>()</div>
<div class="block">Deletes this conditional format. <p>Use this method to remove the current icon set conditional formatting rule  from the worksheet.</p>
<pre><code data-language="Java">
 worksheet.getRange("A1:A5").setValue(new Object[][] {{10}, {30}, {50}, {70}, {90}});
 IIconSetCondition condition = worksheet.getRange("A1:A5").getFormatConditions().addIconSetCondition();
 condition.setIconSet(workbook.getIconSets().get(IconSetType.Icon3Symbols));
 condition.delete();
 </code></pre></div>
</section>
</li>
<li>
<section class="detail" id="setFirstPriority()">
<h3>setFirstPriority</h3>
<div class="member-signature"><span class="return-type">void</span>&nbsp;<span class="element-name">setFirstPriority</span>()</div>
<div class="block">Sets the priority value for this conditional formatting rule to  <code>1</code> so that it will be evaluated before all other rules on the worksheet. <p>Use this method to move the current icon set rule to the highest evaluation  priority when multiple conditional formatting rules apply to the worksheet.</p>
<pre><code data-language="Java">
 worksheet.getRange("A1:A5").setValue(new Object[][] {{10}, {30}, {50}, {70}, {90}});
 IIconSetCondition firstRule = worksheet.getRange("A1:A5").getFormatConditions().addIconSetCondition();
 IIconSetCondition secondRule = worksheet.getRange("A1:A5").getFormatConditions().addIconSetCondition();
 secondRule.setFirstPriority();
 int priority = secondRule.getPriority();
 </code></pre></div>
</section>
</li>
<li>
<section class="detail" id="setLastPriority()">
<h3>setLastPriority</h3>
<div class="member-signature"><span class="return-type">void</span>&nbsp;<span class="element-name">setLastPriority</span>()</div>
<div class="block">Sets the evaluation order for this conditional formatting rule so it is  evaluated after all other rules on the worksheet. <p>Use this method to move the rule to the lowest priority when multiple  conditional formatting rules exist on the same worksheet.</p>
<pre><code data-language="Java">
 worksheet.getRange("A1:A5").setValue(new Object[][] {{10}, {30}, {50}, {70}, {90}});
 IIconSetCondition firstRule = worksheet.getRange("A1:A5").getFormatConditions().addIconSetCondition();
 IIconSetCondition secondRule = worksheet.getRange("A1:A5").getFormatConditions().addIconSetCondition();
 firstRule.setPriority(1);
 secondRule.setLastPriority();
 </code></pre></div>
</section>
</li>
<li>
<section class="detail" id="getCustom()">
<h3>getCustom</h3>
<div class="member-signature"><span class="return-type">boolean</span>&nbsp;<span class="element-name">getCustom</span>()</div>
<div class="block">Returns a Boolean value indicating whether this is a custom icon set condition. <p>An icon set rule is custom when one or more criteria use an icon that does  not come from the rule's selected  <a href="IIconSet.html" title="interface in com.grapecity.documents.excel"><code>IIconSet</code></a>, including  <a href="IconType.html#NoCellIcon"><code>IconType.NoCellIcon</code></a>.</p>
<pre><code data-language="Java">
 worksheet.getRange("A1:A5").setValue(new Object[][] {{10}, {30}, {50}, {70}, {90}});
 IIconSetCondition condition = worksheet.getRange("A1:A5").getFormatConditions().addIconSetCondition();
 boolean custom = condition.getCustom();
 </code></pre></div>
<dl class="notes">
<dt>Returns:</dt>
<dd><code>true</code> if this is a custom icon set condition; otherwise, <code>false</code>.</dd>
</dl>
</section>
</li>
<li>
<section class="detail" id="fromJson(java.lang.String)">
<h3>fromJson</h3>
<div class="member-signature"><span class="return-type">void</span>&nbsp;<span class="element-name">fromJson</span><wbr><span class="parameters">(<a class="external-link" href="https://docs.oracle.com/en/java/javase/17/docs/api/java.base/java/lang/String.html" title="class or interface in java.lang">String</a>&nbsp;json)</span></div>
<div class="block">Loads an icon set conditional formatting rule from a JSON string into this object. <p>Updates this icon set conditional formatting rule by deserializing the specified JSON content.  The JSON string should represent an icon set conditional format, such as one generated by  <a href="#toJson()"><code>toJson()</code></a>.</p>
<pre><code data-language="Java">
 worksheet.getRange("A1:A5").setValue(new Object[][] {{10}, {30}, {50}, {70}, {90}});
 IIconSetCondition source = worksheet.getRange("A1:A5").getFormatConditions().addIconSetCondition();
 source.setIconSet(workbook.getIconSets().get(IconSetType.Icon3TrafficLights1));
 String json = source.toJson();
 IIconSetCondition target = worksheet.getRange("B1:B5").getFormatConditions().addIconSetCondition();
 target.fromJson(json);
 </code></pre></div>
<dl class="notes">
<dt>Parameters:</dt>
<dd><code>json</code> - The JSON string that defines the icon set conditional format.</dd>
<dt>Throws:</dt>
<dd><code><a class="external-link" href="https://docs.oracle.com/en/java/javase/17/docs/api/java.base/java/lang/IllegalStateException.html" title="class or interface in java.lang">IllegalStateException</a></code> - if the JSON string does not represent an icon set conditional format.</dd>
</dl>
</section>
</li>
<li>
<section class="detail" id="toJson()">
<h3>toJson</h3>
<div class="member-signature"><span class="return-type"><a class="external-link" href="https://docs.oracle.com/en/java/javase/17/docs/api/java.base/java/lang/String.html" title="class or interface in java.lang">String</a></span>&nbsp;<span class="element-name">toJson</span>()</div>
<div class="block">Generates a JSON string from the conditional format. <p>The returned string contains the serialized definition of this icon set  conditional formatting rule.</p>
<pre><code data-language="Java">
 worksheet.getRange("A1:A5").setValue(new Object[][] {{10}, {30}, {50}, {70}, {90}});
 IIconSetCondition condition = worksheet.getRange("A1:A5").getFormatConditions().addIconSetCondition();
 condition.setIconSet(workbook.getIconSets().get(IconSetType.Icon3TrafficLights1));
 String json = condition.toJson();
 </code></pre></div>
<dl class="notes">
<dt>Returns:</dt>
<dd>The conditional format JSON string.</dd>
</dl>
</section>
</li>
</ul>
</section>
</li>
</ul>
</section>
<!-- ========= END OF CLASS DATA ========= -->
<script>var evenRowColor = "even-row-color";
var oddRowColor = "odd-row-color";
var tableTab = "table-tab";
var activeTableTab = "active-table-tab";

function show(tableId, selected, columns) {
    if (tableId !== selected) {
        document.querySelectorAll('div.' + tableId + ':not(.' + selected + ')')
            .forEach(function (elem) {
                elem.style.display = 'none';
            });
    }
    document.querySelectorAll('div.' + selected)
        .forEach(function (elem, index) {
            elem.style.display = '';
            var isEvenRow = index % (columns * 2) < columns;
            elem.classList.remove(isEvenRow ? oddRowColor : evenRowColor);
            elem.classList.add(isEvenRow ? evenRowColor : oddRowColor);
        });
    updateTabs(tableId, selected);
}

function updateTabs(tableId, selected) {
    document.querySelector('div#' + tableId + ' .summary-table')
        .setAttribute('aria-labelledby', selected);
    document.querySelectorAll('button[id^="' + tableId + '"]')
        .forEach(function (tab, index) {
            if (selected === tab.id || (tableId === selected && index === 0)) {
                tab.className = activeTableTab;
                tab.setAttribute('aria-selected', true);
                tab.setAttribute('tabindex', 0);
            } else {
                tab.className = tableTab;
                tab.setAttribute('aria-selected', false);
                tab.setAttribute('tabindex', -1);
            }
        });
}

function switchTab(e) {
    var selected = document.querySelector('[aria-selected=true]');
    if (selected) {
        if ((e.keyCode === 37 || e.keyCode === 38) && selected.previousSibling) {
            // left or up arrow key pressed: move focus to previous tab
            selected.previousSibling.click();
            selected.previousSibling.focus();
            e.preventDefault();
        } else if ((e.keyCode === 39 || e.keyCode === 40) && selected.nextSibling) {
            // right or down arrow key pressed: move focus to next tab
            selected.nextSibling.click();
            selected.nextSibling.focus();
            e.preventDefault();
        }
    }
}
</script></div>