How to show a row as a highlight while selected ids are getting from Props

[r1851]

I have added an array of employees into the Datatable, while clicking on each row the selected row is highlighted in the table
And the selected rows marker is visible on the map,
But now i want to highlight the table row whenever click on any marker from the map, but it's not getting highlight

Below is my code

Code: Select all

const [selectedEmployee, setSelectedEmployee] = useState([]);

const setEmployeeDataId = (e) => {
for (let i = 0; i < e.length; i++) {
onTableRowClick(e[i].id); // This method is use to show marker on map
}
}

<DataTable ref={dt} value={rows} selection={selectedEmployee} onSelectionChange={(e) => {setEmployeeDataId(e.value); setSelectedEmployee(e.value);}}
dataKey="id" globalFilter={globalFilter} responsiveLayout="scroll">
<Column selectionMode="multiple" headerStyle={{ width: '2rem' }} exportable={false}></Column>
<Column header="Action" body={actionBodyTemplate} exportable={false} style={{ minWidth: '2rem' }}></Column>
<Column field="name" header="Name" sortable style={{ minWidth: '2rem' }}></Column>
<Column field="workingTime" header="Working Time" sortable style={{ minWidth: '2rem' }}></Column>
</DataTable>
</div>

While clicking on the map marker all selected marker ids are stored in props.employeeMarkerUIConfig, but I am not able to highlight these ids on the map

[Melloware]

Answered on Stack Overflow: https://stackoverflow.com/questions/749 ... rops-in-re