how to set a row as selected programmatically

[TanyaLi]

Hi,
I'm using swimlane datatable in angular 2 ( with node.js), my datatable is like this:

<swui-datatable class='datatable material dark' id='dtMessage' [rows]='messages' [headerHeight]="0"
[rowHeight]="'65px'"
[externalPaging]="false" [limit]="10" [columnMode]="'flex'" [selectionType]="'single'">
<swui-datatable-column name="" [sortable]="false" [flexGrow]="3">

<div (click)="onSelect(row.messageId)">

{{row.messageSubject}}-{{row.messageRefNum}}

{{row.messageOverview}}

my page has a list in the left panel, and item details shown in the right panel.
After click on delete button in the right panel, the current selected item is deleted, and then set the previous/next item in the list as selected by default and show its details in the right panel.

i've achieved all the features except not sure how to set an item in the list (datatable) as selected by code.

tried added something like this: [class.active]="row.messageId === currentSelectedMesId" to tag : but at this point, there is no 'row'.

please advise.

Regards & Thanks,
Xiaohui Li.

[TanyaLi]

some html in the datatable were not being shown , template is used within the < swui-datatable-column > tag as :
'< template let-row="row" swui-datatable-cell-template > <div...>...'

[JimmyKuruvilla]

Hi Tanya,

I had the same need. This is a fork of the select codepen demo: http://codepen.io/anon/pen/dvVJgj

Adding a reference to the selected item into the selected array worked for me