FlexGrid의 Marquee Selection

showMarquee 속성을 사용하여 그리드에 Excel 스타일 marquee를 추가합니다.

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

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

'wj-marquee' 클래스의 스타일을 지정하여 marquee의 모양을 사용자 정의할 수 있습니다.

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

marquee가 활성화되면, 그리드가 활성 셀(예: Excel)을 강조하지 않습니다. 활성 셀을 강조하려면, :focus pseudo-selector:을 기반으로한 CSS selector을 사용하시길 바랍니다.

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