How to customize the FeatureTable

962
5
Jump to solution
03-18-2021 09:36 AM
ShaningYu
Frequent Contributor

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.

Tags (1)
0 Kudos
1 Solution

Accepted Solutions
KenBuja
MVP Honored Contributor

Adding this to the CSS will remove the button

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

View solution in original post

5 Replies
KenBuja
MVP Honored Contributor

Adding this to the CSS will remove the button

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

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.

0 Kudos
KenBuja
MVP Honored Contributor

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

ShaningYu
Frequent Contributor

KenBuja:  Resolved.  Thanks a lot!

0 Kudos
KenBuja
MVP Honored Contributor

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

0 Kudos