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.

                            
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
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

For a comprehensive list of limitations, please refer to the widget's API Reference documentation.

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.