Update Table widget

Author: ConnorLand

content/en/docs/refguide/modeling/pages/structure-widgets/table.md

@@ -94,30 +94,24 @@ To merge cells to the right, left, up, or down, you can also click the correspon
 
 {{< figure src="/attachments/refguide/modeling/pages/structure-widgets/table/merge-icons.png" alt="Merge Icons" >}}
 
-## 3 Properties
+## 3 Properties Pane
 
-An example of table properties is represented in the image below:
+The properties pane is divided into two major sections by a toggle at the top of the pane: **Properties** and **Styling**. Table properties consist of the following sections:
 
-{{< figure src="/attachments/refguide/modeling/pages/structure-widgets/table/table-properties.png" alt="Table Properties"   width="250"  >}}
-
-Table properties consist of the following sections:
-
-* [Common](#common)
-* [Design Properties](#design-properties)
+Properties:
 * [General](#general)
 * [Visibility](#visibility)
+* [Common](#common)
 
-### 3.1 Common Section {#common}
-
-{{% snippet file="/static/_includes/refguide/common-section-link.md" %}}
-
-### 3.2 Design Properties Section {#design-properties}
+Styling:
+* [Design Properties](#design-properties)
+* [Common](#common-styling)
 
-{{% snippet file="/static/_includes/refguide/design-section-link.md" %}} 
+## 4 Properties
 
-### 3.3 General Section {#general}
+### 4.1 General Section {#general}
 
-#### 3.3.1 Width Unit
+#### 4.1.1 Width Unit
 
 The **Width Unit** defines whether the [Column widths](#column-widths) property is set in percentage or in pixels. 
 
@@ -126,7 +120,7 @@ The **Width Unit** defines whether the [Column widths](#column-widths) property
 | Percentage  *(default)* | The **Column widths** property is specified in percentages. When resizing, columns will become wider/narrower while keeping the same relative widths. |
 | Pixels | The **Column widths** property is specified in pixels. When resizing, the pixel width columns will keep the same size; auto columns will become wider/narrower. |
 
-#### 3.3.2 Column Widths {#column-widths}
+#### 4.1.2 Column Widths {#column-widths}
 
 The **Column widths** property defines the widths of each column as a list of numbers separated by semi-colons. The **Width unit** (described above) determines if these numbers mean percentages or pixels. 
 
@@ -139,11 +133,25 @@ When **Width unit** is set to *Pixels*, you can set column width to the followin
 
 For example, you can you can have three columns of which the first is 200 pixels wide (*Fixed* width), the second is 100 pixels (*Fixed* width), and the last one is set to *Auto* which means that it will take up the rest of the space in the row.
 
-### 3.4 Visibility Section {#visibility}
+### 4.2 Visibility Section {#visibility}
 
 {{% snippet file="/static/_includes/refguide/visibility-section-link.md" %}}
 
-## 4 Read More
+### 4.3 Common Section {#common}
+
+{{% snippet file="/static/_includes/refguide/common-section-link.md" %}}
+
+## 5 Styling
+
+### 5.1 Design Properties Section {#design-properties}
+
+{{% snippet file="/static/_includes/refguide/design-section-link.md" %}} 
+
+### 5.2 Common Section {#common-styling}
+
+{{% snippet file="/static/_includes/refguide/common-section-link.md" %}}
+
+## 6 Read More
 
 * [Page](/refguide/page/)
 * [Structure](/refguide/structure-widgets/)