https://community.esri.com/t5/arcgis-pro-questions/showing-the-popups-data-infeaturetable/m-p/1464138#M83219 <P><SPAN>How do I make it so that when a user clicks on a popup on the map, they can see the corresponding details in the FeatureTable?</SPAN></P><P>&nbsp;</P><LI-CODE lang="javascript">import { Box } from '@mui/material' import React, { useEffect } from 'react' import { loadModules } from 'esri-loader' export default function Home() { useEffect(() =&gt; { loadModules(['esri/WebMap', 'esri/views/MapView','esri/layers/FeatureLayer', 'esri/widgets/FeatureTable',], { css: true }) .then(([WebMap, MapView,FeatureLayer, FeatureTable,]) =&gt; { let webmap = new WebMap({ portalItem: { id: '' //webmap id } }) let view = new MapView({ container: 'viewDiv', map: webmap }) view.when(() =&gt; { const featureLayer = new FeatureLayer({ portalItem: { id: '' //feature layer id }, outFields: ['*'], title: 'Customer' }) webmap.add(featureLayer) const featureTable = new FeatureTable({ view: view, layer: featureLayer, multiSortEnabled: true, editingEnabled: true, tableTemplate: { columnTemplates: [ // Column template configurations ] }, container: 'tableDiv' }) view.ui.add(featureTable, 'bottom') }) }) .catch(error =&gt; { console.error('Error loading modules:', error) }) }, []) return ( &lt;Box&gt; &lt;Box id='viewDiv' sx={{ flex: '1', width: '100%' }}&gt;&lt;/Box&gt; &lt;Box id='tableDiv' sx={{ flex: '1', width: '100%' }}&gt;&lt;/Box&gt; &lt;/Box&gt; ) }</LI-CODE> Tue, 14 May 2024 05:59:33 GMT JeyaSurya 2024-05-14T05:59:33Z https://community.esri.com/t5/arcgis-pro-questions/showing-the-popups-data-infeaturetable/m-p/1464138#M83219 <P><SPAN>How do I make it so that when a user clicks on a popup on the map, they can see the corresponding details in the FeatureTable?</SPAN></P><P>&nbsp;</P><LI-CODE lang="javascript">import { Box } from '@mui/material' import React, { useEffect } from 'react' import { loadModules } from 'esri-loader' export default function Home() { useEffect(() =&gt; { loadModules(['esri/WebMap', 'esri/views/MapView','esri/layers/FeatureLayer', 'esri/widgets/FeatureTable',], { css: true }) .then(([WebMap, MapView,FeatureLayer, FeatureTable,]) =&gt; { let webmap = new WebMap({ portalItem: { id: '' //webmap id } }) let view = new MapView({ container: 'viewDiv', map: webmap }) view.when(() =&gt; { const featureLayer = new FeatureLayer({ portalItem: { id: '' //feature layer id }, outFields: ['*'], title: 'Customer' }) webmap.add(featureLayer) const featureTable = new FeatureTable({ view: view, layer: featureLayer, multiSortEnabled: true, editingEnabled: true, tableTemplate: { columnTemplates: [ // Column template configurations ] }, container: 'tableDiv' }) view.ui.add(featureTable, 'bottom') }) }) .catch(error =&gt; { console.error('Error loading modules:', error) }) }, []) return ( &lt;Box&gt; &lt;Box id='viewDiv' sx={{ flex: '1', width: '100%' }}&gt;&lt;/Box&gt; &lt;Box id='tableDiv' sx={{ flex: '1', width: '100%' }}&gt;&lt;/Box&gt; &lt;/Box&gt; ) }</LI-CODE> Tue, 14 May 2024 05:59:33 GMT https://community.esri.com/t5/arcgis-pro-questions/showing-the-popups-data-infeaturetable/m-p/1464138#M83219 JeyaSurya 2024-05-14T05:59:33Z