<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic FeatureTable row stripes in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/featuretable-row-stripes/m-p/1592233#M86626</link>
    <description>&lt;P&gt;I am trying to get a FeatureTable to display with alternating row backgrounds to make it easier to read, and the Vaadin Grid &lt;A href="https://vaadin.com/docs/latest/components/grid/styling#row-stripes" target="_self"&gt;row-stripes theme&lt;/A&gt; seems like the best way of doing it. The problem is there does not seem to be any way to set the theme from the &lt;A href="https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureTable.html" target="_self"&gt;FeatureTable API&lt;/A&gt;, and there does not seem to be any API event signalling that the grid has been added to the DOM. Is there a better way of doing it than the kludge I came up with?&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;LI-CODE lang="javascript"&gt;const observer = new MutationObserver(function(mutationList) {
  for (const mutation of mutationList) {
    for (const node of mutation.addedNodes) {
      if (node.localName === 'vaadin-grid') {
        node.setAttribute('theme', node.getAttribute('theme')  + ' row-stripes');
        observer.disconnect();
        return;
      }
    }
  }
});
observer.observe(document.getElementById('featureTableContainer'), {
  childList: true,
  subtree: true
});&lt;/LI-CODE&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
    <pubDate>Wed, 05 Mar 2025 15:21:44 GMT</pubDate>
    <dc:creator>DavidGadbois</dc:creator>
    <dc:date>2025-03-05T15:21:44Z</dc:date>
    <item>
      <title>FeatureTable row stripes</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/featuretable-row-stripes/m-p/1592233#M86626</link>
      <description>&lt;P&gt;I am trying to get a FeatureTable to display with alternating row backgrounds to make it easier to read, and the Vaadin Grid &lt;A href="https://vaadin.com/docs/latest/components/grid/styling#row-stripes" target="_self"&gt;row-stripes theme&lt;/A&gt; seems like the best way of doing it. The problem is there does not seem to be any way to set the theme from the &lt;A href="https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureTable.html" target="_self"&gt;FeatureTable API&lt;/A&gt;, and there does not seem to be any API event signalling that the grid has been added to the DOM. Is there a better way of doing it than the kludge I came up with?&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;LI-CODE lang="javascript"&gt;const observer = new MutationObserver(function(mutationList) {
  for (const mutation of mutationList) {
    for (const node of mutation.addedNodes) {
      if (node.localName === 'vaadin-grid') {
        node.setAttribute('theme', node.getAttribute('theme')  + ' row-stripes');
        observer.disconnect();
        return;
      }
    }
  }
});
observer.observe(document.getElementById('featureTableContainer'), {
  childList: true,
  subtree: true
});&lt;/LI-CODE&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Wed, 05 Mar 2025 15:21:44 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/featuretable-row-stripes/m-p/1592233#M86626</guid>
      <dc:creator>DavidGadbois</dc:creator>
      <dc:date>2025-03-05T15:21:44Z</dc:date>
    </item>
  </channel>
</rss>

