Products

[Matias Galante]

I also have a similar issue with the updating row data:

// little example but in this case, the row doesn’t get updated.
this.grid.updateRow(index, {
orgName: newname
});

Note: It does update, I figured what was wrong and it was a name property mismatch

• This reply was modified 1 year, 1 month ago by Matias Galante.

[Matias Galante]

Forgot to mention, the data is server side CRUD which is the reason why I’ve been refilling the grid by creating a new smart data adapter instance each time since the server does all the CRUD operations.

[Matias Galante]

I also tried the i tag with font awesome

<i class="fa-solid fa-check"></i>

but that doesn’t work either since the UI cell is blank. Although maybe I need to import something to use font-awesome but I prefer mat-icon

• This reply was modified 1 year, 7 months ago by Matias Galante.

[Matias Galante]

I re-created the issue here: https://stackblitz.com/edit/github-un13v5?file=src%2Fapp%2Fapp.component.html,src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fdashboard.service.ts

The first 6 tiles are based off of your example and the other 6 starting with “School” don’t move when you enable the sortable

[Matias Galante]

That worked, thank you

[Matias Galante]

Thank you! That worked

[Matias Galante]

That helped, thank you!

[Matias Galante]

when my mouse is over a row, nothing happens

my html looks like:

smart-grid
#grid
id="grid"
fxFlex
[appearance]="GridConfig.appearance"
[columns]="GridConfig.columns"
[columnMenu] = "GridConfig.columnMenu"
[dataSource]="GridConfig.dataSource"
[filtering]="GridConfig.filtering"
[selection]="GridConfig.selection"
[sorting]="GridConfig.sorting"
<div id="grid-spacer"></div>
smart-grid

[Matias Galante]

Thanks for the reply. Sorry I forgot to mention I’m using Angular 2+. Here is my code below of what I currently have for the allowHover problem:

component.ts

GridConfig = {
appearance: { alternationStart: 0, alternationCount: 2, placeholder: 'No ROI
Records', allowHover: true },
dataSource: [],
filtering: { enabled: true },
columnMenu: { enabled: false },
selection: { enabled: true, mode: 'one' },
sorting: { enabled: true },
columns: [
{ label: 'Organization', dataField: 'organization', sortOrder: 'asc' },
{ label: 'Created By', dataField: 'createdBy' },
{ label: 'Start Date', dataField: 'startDate', width: 100 },
{ label: 'End Date', dataField: 'endDate', width: 100 },
{ label: 'Status', dataField: 'status', width: 120 }
]
}

[Author]

Posts