Interactive GRID | Nested Table In Cell

October 7, 2021Posted inAPEX, IG, Interactive Grid

Referred from John’s cookbook sample app.

  • Inline css
.gv-nested-tbl {
    border-collapse: collapse;
    width: 100%;
}
.gv-nested-tbl td, .gv-nested-tbl th {
    border: 1px solid #EAEAEA;
}
.a-GV-row {
    height: 50px;
}
  • Interactive Grid
  • Column heading
<table class='gv-nested-tbl'><thead><tr><th colspan=3>Country</th></tr><tr><th>Born</th><th>Died</th><th>Age</th></tr></thead></table>
  • Settings
  • HTML Expression
<table class='gv-nested-tbl'><tbody><tr><td colspan=3>&COUNTRY.</td></tr><tr><td>&FROM_YR.</td><td>&TO_YR.</td><td>&AGE.</td></tr></tbody></table>

NOTE: Use COUNTRY, FROM_YR, TO_YR and AGE are column headings of Grid other columns.

Tags: