Select to view content in your preferred language

Allow More Flexibility on Feature Table Column Sizing Scheme

1592
4
08-07-2022 08:42 AM
Status: Open
Labels (1)
KariHicks_BentEarSolutions
Emerging Contributor

The Feature Table widget in Experience Builder is a useful one for displaying tabular data on desktops and mobile devices. However, one common use case we run into is displaying the tables on video walls in Emergency Preparedness Centers, etc. Right now, table columns widths appear to be hard-coded somewhere either in the main css or in the JS API itself. The user cannot select an option to have the columns wrap to the text, or even hard-code their own column widths. 

I am requesting a change to the Feature Table widget that would either:

  • Improve the existing logic used to determine column widths that is responsive to cell content/column name
  • Allow the users the option to select a column sizing scheme (fixed, wrap, overflow, etc).
  • Expose this more clearly in the widget tsx/style.ts code so that it can at least be changed in a custom widget

I will say, I am so thankful that we have the Feature Table widget, given that displaying data in a tabular format in ESRI's web mapping environment wasn't possible for a long time. But there might be more use cases out there for improved tabular data visualization that ESRI might realize.

4 Comments
KariHicks_BentEarSolutions

Update:

I figured out the reason why this cannot be changed inside of Experience Builder. The column width has been hard-coded in the Javascript API Column class. I have attached a screenshot. In order to get around this in developer edition, the Column JS code itself must be downloaded and changed. Commenting out "a.width = 200;" within the first function and setting "a.autoWidth = !0;" should make the columns auto-resize based on the contents in the column.

KariHicks_BentEarSolutions_0-1659988275825.png

 

TylerMarkham

100% agreed, this would make our workflows much more efficient

GregReinecke

Hello Kari,

I was wondering if you would be so kind as to perhaps let us know where that grid > column.js file resides locally in the latest or near latest version of ExB Developer. 

Thanks in advance,

GRMapper

Laura
by MVP Regular Contributor

Agreed, make it more like the Dashboards table options.