(Showing Draft Content)

Marquee Selection in FlexGrid

Use the showMarquee property to add an Excel-style marquee to the grid.

import * as wjGrid from '@mescius/wijmo.grid';

var theGrid = new wjGrid.FlexGrid('#theGrid', {
    showAlternatingRows: false,
    showMarquee: true,
    itemsSource: getData(),

You can customize the appearance of the marquee by styling the 'wj-marquee' class.

.wj-marquee {
  border: 1px solid rgba(255,150,30,.75);
  border-radius: 8px;

When the marquee is enabled, the grid does not highlight the active cell (like Excel). If you want to highlight the active cell, use a CSS selector based on the :focus pseudo-selector:

.wj-cells .wj-cell:focus {
  background: rgba(255,150,30,.75) !important;