import EdiTable from 'cloudify-stage/basic/form/EdiTable.js'

public class | source

EdiTable

Extends:

react~Component → EdiTable

EdiTable is a component used in forms to get tabular data input

Access

Stage.Basic.Form.Table

Usage

EdiTable

<EdiTable name="editableTable" type={GenericField.EDITABLE_TABLE_TYPE}
          label="EDITABLE_TABLE_TYPE"
          columns={[
            {name: "metric", label: 'Metric', default: "", type: Stage.Basic.GenericField.EDITABLE_LIST_TYPE, description: "Name of the metric to be presented on the graph",
             items: ["", "cpu_total_system", "cpu_total_user", "memory_MemFree", "memory_SwapFree", "loadavg_processes_running"]},
            {name: 'label', label: 'Label', default: "", type: Stage.Basic.GenericField.STRING_TYPE, description: "Chart label"},
            {name: 'unit', label: 'Unit', default: "", type: Stage.Basic.GenericField.STRING_TYPE, description: "Chart data unit"}
          ]}
          rows={3} />

Static Member Summary

Static Public Members
public static	propTypes: * propTypes

Static Public Members

public static propTypes: * source

propTypes

Properties:

Name	Type	Attribute	Description
name	string		name of the table
rows	number		number of rows in table
columns	object[]		rows configuration (see usage example for format details)
value	object	optional	serialized value of the whole table
onChange	Function	optional	function called on input value change