---
title: Tables in an Article
framework: applenews
role: collectionGroup
role_heading: API Collection
path: applenews/tables-in-an-article
---

# Tables in an Article

Add a JSON or HTML data table, and understand  the options for changing the look of your table.

## Overview

Overview Apple News Format lets you add both JSON and HTML tables as components in your article. In JSON tables, you create the table structure and add data using JSON objects and properties. You can also sort your data in the table. In HTML tables, you use HTML tags to set up a table with your data already formatted as HTML rows. For both the JSON and HTML table components, you can adjust the look of the rows, columns, and cells in the table using the Component Style object used by the component. Once you add a table, you can apply styles (backgrounds, borders, and so on) and add row and column labels. You can also use conditions to apply styles only to those rows, columns, and cells that meet a specific criteria. See Enhancing Your Articles with Styles. note: When you view your published article with its table, notice that the News app positions and sizes the table to make use of the available space. If data in the table is wider than the component, News scrolls the data horizontally within the component.

## Topics

### Tables with JSON Data

- [Adding a JSON Table](applenews/adding-a-json-table.md)
- [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)

### Tables with HTML Data

- [Adding an HTML Table](applenews/adding-an-html-table.md)
- [HTMLTable](applenewsformat/htmltable.md)