search

aurelia-v-grid / vGrid

Aurelia-v-grid - npm source
MIT License
49 stars 10 forks source link

Custom group html #63

Closed vegarringdal closed 7 years ago

vegarringdal commented 7 years ago

info

For having custom html in the grouping row

Html inside v-grid-group is the default html the grid uses

<v-grid-group-row>
          <i click.delegate="changeGrouping(rowRef)"
            class="avg-fa avg-fa-${rowRef.__groupExpanded ? 'minus':'plus'}-square-o"
            aria-hidden="true">
          </i>
          &nbsp;${rowRef.__groupName} (${rowRef.__groupTotal})
 </v-grid-group-row>
vegarringdal commented 7 years ago

Added the same for grouping element in panel, code inside <v-grid-group-element> is what grid uses These do not have binding context o the outside... your class.. atm..

<v-grid-group-element>
          <div class="avg-grouping">
            <p v-sort="field:${field}">${name}</p>
            <p>
            <svg click.delegate="remove()" class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
              <path d="M1.00047418 13.4679717l12.8276448-12.45678394 1.23390682 1.55209136L2.23438102 15.02006306z"/>
              <path d="M15.06202587 13.49922255L2.23438107 1.0424386 1.00047426 2.59452998 13.82811903 15.0513139z"/>
            </svg>
          </p>
          </div>
        </v-grid-group-element>
vegarringdal commented 7 years ago

Added to temp gitbook replaced by temp gitbook: https://github.com/vegarringdal/vGrid/issues/69