A presentation component that displays a table. Each table cell can contain text and / or a graphic. For better mobile support, the table can have a fixed width. Users can pan the table horizontally.
To install the component with the Adapt CLI, run the following from the command line:
adapt install adapt-table
Alternatively, this component can also be installed by adding the following line of code to the adapt.json file:
"adapt-table": "*"
Then running the command:
adapt install
(This second method will reinstall all plug-ins listed in adapt.json.)
Use the Plug-in Manager to use this component in the Adapt authoring tool.
A properly formatted JSON is available in example.json
Use the _rowHeaderIndexes and _colHeaderIndexes attributes to set a row or column as a heading. Multiple indexes must be seperated with ,.
"_rowHeaderIndexes": "0,4",
"_colHeaderIndexes": "0",You may define a min width for the table in pixel.
_minWidth
Each row can have a css class and a list of cells.
Wrapps html colspan and rowspan attribute.
Text and or graphic content of the table cell.
Example: Set's the second column to 200 pixel.
{
"_column": 1,
"_width": 200
}No Accessibility support.
Author / maintainer: LearnChamp
Cross-platform coverage: Chrome, Chrome for Android, Firefox (ESR + latest version), Edge 12, IE 11, Safari iOS 9+10, Safari OS X 9+10, Opera