---
title: Adding a JSON Table
framework: applenews
role: article
role_heading: Article
path: applenews/adding-a-json-table
---

# Adding a JSON Table

Add a table to your article that displays JSON data in rows and columns.

## Overview

Overview To add a table with JSON-formatted data, add a component with the role property set to datatable. Set up your table by providing an array of data descriptors that communicate the following: Data types Unique keys Data formats In the DataTable component, you use dataRecords to add your data in key-value pairs that correlate your data with the data descriptors. You can apply styles to adjust the appearance of your table using the tableStyle property of the ComponentStyle object the table uses. You can specify styles for individual rows, columns, and cells as well as for the entire table. (See TableStyle for more information.)

## See Also

### Tables with JSON Data

- [DataTable](applenewsformat/datatable.md)
- [RecordStore](applenewsformat/recordstore.md)
- [DataDescriptor](applenewsformat/datadescriptor.md)
- [DataTableSorting](applenewsformat/datatablesorting.md)
- [DataFormat](applenewsformat/dataformat.md)
- [FloatDataFormat](applenewsformat/floatdataformat.md)
- [ImageDataFormat](applenewsformat/imagedataformat.md)