Note: Support for 3D on mobile devices may vary, view the system requirements for more information.

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"
});