FeatureTable widget

Explore in the sandboxView live

This sample demonstrates how to add a FeatureTable widget to your application. The FeatureTable widget allows users to view and sort data and attributes from a FeatureLayer. In this specific example, the table is displayed as a standalone table without any associated map. It is possible to also add the table with an associated map, please refer to the FeatureTable widget using a map sample.

                            
const table = new FeatureTable({
  layer: featureLayer,
  visibleElements: {selectionColumn: false}, // hide the selection column since we are not working with a corresponding map
  // autocastable to FieldColumnConfig
  // The fieldColumnConfigs are used to determine which attributes are shown in the table
  // If the fieldColumnConfigs are not set, all attributes will be shown
  fieldConfigs: [
    {
      name: "FID",
      label: "ID",
      // This field will not be shown in the table initially
      visible: false
    },
    {
      name: "NAME",
      label: "School Name",
      // The table will be sorted by this column
      // in ascending order
      direction: "asc"
    },
    {
      name: "TOT_ENROLL",
      label: "Enrollment"
    },
    ...
  ],
  container: "tableDiv"
});

Known Limitations

The FeatureTable is still in Beta and new capabilities will be added in upcoming releases. For a more comprehensive list of limitations, please refer to the widget's API Reference documentation.