Posted 5 July 2022, 9:24 pm EST
Hi Support,
We have a problem with applying editor for cell.
It works perfectly with standard FlexGrid, but is ignored with TransposedGrid.
The documentation mention that Column.editor is disabled for TransposedGrid, but I’m not 100% sure, because we are not using Columns, but their derivates TransposedGridRows.
Below is example code, also available at https://jscodemine.grapecity.com/sample/rXnYf2nazEeCbO7972-XBQ/
This is slighly modified one of yours TransposedGrid demo.
The modification is about * “theInputNumber”
.
<div class="container-fluid">
<h2>
Default Grid
</h2>
<p>
Products are rendered as rows.
</p>
<wj-flex-grid class="product-grid" #grid
[autoGenerateColumns]="false"
[alternatingRowStep]="0"
[showSelectedHeaders]="'Row'"
[headersVisibility]="'Row'"
[isReadOnly]="false"
[copyHeaders]="'Row'"
(formatItem)="formatItem(grid, $event)"
[itemsSource]="data">
<wj-flex-grid-column *ngFor="let c of columns"
[binding]="c.binding"
[header]="c.header"
[align]="c.align"
[format]="c.format"
[editor]="theInputNumber"
[wordWrap]="c.wordWrap">
</wj-flex-grid-column>
</wj-flex-grid>
<h2>
Transposed Grid
</h2>
<p>
Products are rendered as columns.
</p>
<wj-transposed-grid class="product-grid" #tgrid
[alternatingRowStep]="0"
[showSelectedHeaders]="'Row'"
[headersVisibility]="'Row'"
[isReadOnly]="false"
[copyHeaders]="'Row'"
(formatItem)="formatItem(tgrid, $event)"
(loadedRows)="loadedRows(tgrid)"
[itemsSource]="data">
<wj-transposed-grid-row *ngFor="let c of columns"
[binding]="c.binding"
[header]="c.header"
[align]="c.align"
[format]="c.format"
[editor]="theInputNumber"
[wordWrap]="c.wordWrap">
</wj-transposed-grid-row>
</wj-transposed-grid>
<wj-input-number #theInputNumber
format="n3">
</wj-input-number>
</div>