<!--
{
  "documentType" : "article",
  "framework" : "AppleNewsFormat",
  "identifier" : "/documentation/AppleNews/tables-in-an-article",
  "metadataVersion" : "0.1.0",
  "role" : "collectionGroup",
  "title" : "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.

## Discussion

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 <doc://com.apple.applenews/documentation/AppleNews/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

  <doc://com.apple.applenews/documentation/AppleNews/adding-a-json-table>

[`object DataTable`](/documentation/AppleNewsFormat/DataTable)

The component for adding a JSON data table.

[`object RecordStore`](/documentation/AppleNewsFormat/RecordStore)

The object that contains JSON data for a data table.

[`object DataDescriptor`](/documentation/AppleNewsFormat/DataDescriptor)

The object for providing the data type, data formatting, and label for a field in a table.

[`object DataTableSorting`](/documentation/AppleNewsFormat/DataTableSorting)

A data category by which to sort the table in descending or ascending order.

[`object DataFormat`](/documentation/AppleNewsFormat/DataFormat)

Properties shared by all data format obejct types.

[`object FloatDataFormat`](/documentation/AppleNewsFormat/FloatDataFormat)

The object that allows you to specify the number of digits after the decimal point for numeric values in data table cells.

[`object ImageDataFormat`](/documentation/AppleNewsFormat/ImageDataFormat)

The object that allows you to specify the minimum and maximum dimensions for images in data table cells.

### Tables with HTML Data

  <doc://com.apple.applenews/documentation/AppleNews/adding-an-html-table>

[`object HTMLTable`](/documentation/AppleNewsFormat/HTMLTable)

The component for adding tables with HTML data.


---

Copyright &copy; 2026 Apple Inc. All rights reserved. | [Terms of Use](https://www.apple.com/legal/internet-services/terms/site.html) | [Privacy Policy](https://www.apple.com/privacy/privacy-policy)