mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
62 lines
1.8 KiB
Markdown
62 lines
1.8 KiB
Markdown
---
|
|
Title: Json Cell component
|
|
Added: v3.2.0
|
|
Status: Active
|
|
Last reviewed: 2019-04-12
|
|
---
|
|
|
|
# [Json Cell Component](../../../lib/core/src/lib/datatable/components/json-cell/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="json" type="json" title="Json Column"></data-column>
|
|
</data-columns>
|
|
</adf-datatable>
|
|
```
|
|
|
|
You can specify the cell inside the `app.config.json` file:
|
|
|
|
```json
|
|
{
|
|
"adf-cloud-process-list": {
|
|
"presets": {
|
|
"default": [
|
|
{
|
|
"key": "json",
|
|
"type": "json",
|
|
"title": "Json cell value"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
```
|
|
|
|
## Class members
|
|
|
|
### Properties
|
|
|
|
| Name | Type | Default value | Description |
|
|
| ---- | ---- | ------------- | ----------- |
|
|
| column | [`DataColumn`](../../../lib/core/src/lib/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/src/lib/datatable/data/datatable-adapter.ts) | | Data table adapter instance. |
|
|
| editable | `boolean` | false | Editable JSON. |
|
|
| resolverFn | `Function` | null | Custom resolver function which is used to parse dynamic column objects |
|
|
| row | [`DataRow`](../../../lib/core/src/lib/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)
|