A DataTable component. Dash DataTable is an interactive table component designed for viewing, editing, and exploring large datasets. DataTable is rendered with standard, semantic HTML markup, which makes it accessible, responsive, and easy to style. This component was wr
| 22 | |
| 23 | |
| 24 | class DataTable(Component): |
| 25 | """A DataTable component. |
| 26 | Dash DataTable is an interactive table component designed for |
| 27 | viewing, editing, and exploring large datasets. |
| 28 | DataTable is rendered with standard, semantic HTML <table/> markup, |
| 29 | which makes it accessible, responsive, and easy to style. This |
| 30 | component was written from scratch in React.js specifically for the |
| 31 | Dash community. Its API was designed to be ergonomic and its behavior |
| 32 | is completely customizable through its properties. |
| 33 | |
| 34 | Keyword arguments: |
| 35 | |
| 36 | - data (list of dicts with strings as keys and values of type string | number | boolean; optional): |
| 37 | The contents of the table. The keys of each item in data should |
| 38 | match the column IDs. Each item can also have an 'id' key, whose |
| 39 | value is its row ID. If there is a column with ID='id' this will |
| 40 | display the row ID, otherwise it is just used to reference the row |
| 41 | for selections, filtering, etc. Example: [ {'column-1': 4.5, |
| 42 | 'column-2': 'montreal', 'column-3': 'canada'}, {'column-1': |
| 43 | 8, 'column-2': 'boston', 'column-3': 'america'} ]. |
| 44 | |
| 45 | - columns (list of dicts; optional): |
| 46 | Columns describes various aspects about each individual column. |
| 47 | `name` and `id` are the only required parameters. |
| 48 | |
| 49 | `columns` is a list of dicts with keys: |
| 50 | |
| 51 | - id (string; required): |
| 52 | The `id` of the column. The column `id` is used to match cells |
| 53 | in data with particular columns. The `id` is not visible in |
| 54 | the table. |
| 55 | |
| 56 | - name (string | list of strings; required): |
| 57 | The `name` of the column, as it appears in the column header. |
| 58 | If `name` is a list of strings, then the columns will render |
| 59 | with multiple headers rows. |
| 60 | |
| 61 | - type (a value equal to: 'any', 'numeric', 'text', 'datetime'; optional): |
| 62 | The data-type provides support for per column typing and |
| 63 | allows for data validation and coercion. 'numeric': represents |
| 64 | both floats and ints. 'text': represents a string. 'datetime': |
| 65 | a string representing a date or date-time, in the form: |
| 66 | 'YYYY-MM-DD HH:MM:SS.ssssss' or some truncation thereof. Years |
| 67 | must have 4 digits, unless you use `validation.allow_YY: |
| 68 | True`. Also accepts 'T' or 't' between date and time, and |
| 69 | allows timezone info at the end. To convert these strings to |
| 70 | Python `datetime` objects, use `dateutil.parser.isoparse`. |
| 71 | In R use `parse_iso_8601` from the `parsedate` library. |
| 72 | WARNING: these parsers do not work with 2-digit years, if you |
| 73 | use `validation.allow_YY: True` and do not coerce to 4-digit |
| 74 | years. And parsers that do work with 2-digit years may make |
| 75 | a different guess about the century than we make on the |
| 76 | front end. 'any': represents any type of data. Defaults to |
| 77 | 'any' if undefined. |
| 78 | |
| 79 | - presentation (a value equal to: 'input', 'dropdown', 'markdown'; optional): |
| 80 | The `presentation` to use to display data. Markdown can be |
| 81 | used on columns with type 'text'. See 'dropdown' for more |
no outgoing calls
searching dependent graphs…