alfresco-ng2-components/docs/core/components/json-cell.component.md
Andy Stark 921fdc00df [ADF-4391] Doc review for 3.2 (#4601)
* [ADF-4391] Reviewed new clipboard class docs

* [ADF-4391] Reviewed new proc cloud class docs

* [ADF-4391] Reviewed new datatable doc additions
2019-04-12 16:18:43 +01:00

58 lines
1.7 KiB
Markdown

---
Title: Json Cell component
Added: v3.2.0
Status: Active
Last reviewed: 2019-04-12
---
# [Json Cell Component](../../../lib/core/datatable/components/datatable/json-cell.component.ts "Defined in json-cell.component.ts")
Shows a JSON-formatted value inside a datatable component.
## Basic Usage
```html
<adf-datatable ...>
<data-columns>
<data-column key="entry.json" type="json" title="Json Column"></data-column>
</data-columns>
</adf-datatable>
```
You can specify the cell inside the `app.config.json` file:
```javascript
"adf-cloud-process-list": {
"presets": {
"default": [
{
"key": "entry.json",
"type": "json",
"title": "Json cell value"
}
]
}
},
```
## Class members
### Properties
| Name | Type | Default value | Description |
| ---- | ---- | ------------- | ----------- |
| column | [`DataColumn`](../../../lib/core/datatable/data/data-column.model.ts) | | Data that defines the column. |
| copyContent | `boolean` | | Enables/disables a [Clipboard directive](../../core/directives/clipboard.directive.md) to allow copying of the cell's content. |
| data | [`DataTableAdapter`](../../../lib/core/datatable/data/datatable-adapter.ts) | | Data table adapter instance. |
| row | [`DataRow`](../../../lib/core/datatable/data/data-row.model.ts) | | Data that defines the row. |
| tooltip | `string` | | Text for the cell's tooltip. |
## Details
This component provides a custom display to show JSON data in a
[Datatable component](datatable.component.md) cell
## See also
- [Datatable component](datatable.component.md)