topic Re: How to customize the FeatureTable in ArcGIS JavaScript Maps SDK Questions

How to customize the FeatureTable

ShaningYu — Thu, 18 Mar 2021 16:36:30 GMT

I use ESRI's FeatureTable widget (4.x)

https://developers.arcgis.com/javascript/latest/sample-code/widgets-featuretable-map/

I want to customize it somehow. On the Grid's top-right the ... represents the "Options". How can it be set off?

Thanks.

Re: How to customize the FeatureTable

KenBuja — Thu, 18 Mar 2021 19:05:14 GMT

Adding this to the CSS will remove the button

.esri-feature-table__menu .esri-button-menu { display: none; }

Re: How to customize the FeatureTable

ShaningYu — Thu, 18 Mar 2021 19:23:19 GMT

Thanks for your response. In my app, I created a dynamic table as shown below:

contx.myTable = new mv.esriModules.FeatureTable({
layer: contx.myFeatureLayer,
visibleElements: { selectionColumn: false },
fieldConfigs: _fieldsConfig,
container: document.getElementById("tableDiv")
});

How can the style be added dynamically? Thanks.

Re: How to customize the FeatureTable

KenBuja — Thu, 18 Mar 2021 20:01:31 GMT

If you don't want to add it to the CSS style section in your html, you can add it dynamically several different ways: https://developer.mozilla.org/en-US/docs/Web/API/CSS_Object_Model/Using_dynamic_styling_information

Re: How to customize the FeatureTable

ShaningYu — Fri, 19 Mar 2021 11:41:12 GMT

KenBuja: Resolved. Thanks a lot!

Re: How to customize the FeatureTable

KenBuja — Fri, 19 Mar 2021 12:36:46 GMT

Glad to help. Don't forget to click the Accept as Solution button or post how you resolved it.

Re: How to customize the FeatureTable

LefterisKoumis — Thu, 04 Jan 2024 22:23:11 GMT

Hello @KenBuja . Where can see all available css properties for the feature table or all esri widgets? Thank you.

Re: How to customize the FeatureTable

KenBuja — Fri, 05 Jan 2024 13:51:43 GMT

The widget pages should have a link to the css information in the See Also section

You can also right click on the widget and use the Inspect option to get more information about all of its CSS.

Re: How to customize the FeatureTable

LefterisKoumis — Fri, 05 Jan 2024 17:01:10 GMT

Thank you @KenBuja . I am surprised that there is no css to change background color of rows. Only when you hover over it or select it.

Re: How to customize the FeatureTable

MarioEstevez — Tue, 16 Jan 2024 00:51:22 GMT

ShaningYu,

Could you share your solution? I have a similar problem. I'm trying to change the background color of a cell based on the value on another cell.

Thanks!