Inserting tables: Methods and Tips<!-- div.margin{ padding: 10px 40px 40px 30px; } .TFtable { border: 1px solid; border-color: #e0e0e0; background-color: #fff; } .TFtable tr{ background: #ffffff; border: 1px solid; border-color: #e0e0e0; } /* Define the background color for all the ODD background rows */ .TFtable tr:nth-child(odd){ background: #ffffff; } /* Define the background color for all the EVEN background rows */ .TFtable tr:nth-child(even){ background: #f4f4f4; } td { vertical-align: top; padding: 2px; border: 1px solid; border-color: #e0e0e0; } --> Overview In HTML, tables allow you to arrange information in horizontal rows and vertical columns. A table is divided into rows, and each row is divided into data cells. The table data holds the content of a data cell. Content includes text, links, images, lists, forms, other tables, and so on. Procedure When using HTML to create content, use the Insert/Edit Tables functionality in the HTML editor to help guide the user through the process. In the Text pane, select the space where you want to insert a table.In the design toolbox, click the Insert/Edit Table ( ) icon.Use your mouse to set the initial number of rows and columns.Once the table is created, access the Table Properties from the menu. FieldDescriptionWidthDefines the width of the table. The table width can be defined in pixels by entering an integer or as a percentage of the browser window. HeightDefines the height of the table. The table height can be defined in pixels by entering an integer or as a percentage of the browser window. If this field is left blank, the default height of the table is equal to the text height.Cell spacingSpecifies the number of cell padding pixels to apply to the table. Cell spacing inserts space between the cells in the table.Cell paddingSpecifies the number of cell padding pixels to apply to the table. Cell padding inserts space between the edges of each table cell and the text inside the cell.BorderSpecifies the width in pixels of the table border. If you do not want the table to have a border, enter "0" in this field.CaptionSelect this check box to include a table caption. You can specify only one caption per table.AlignmentSpecify how the table should display in its container. Available options are: None - takes the default valueCenter - Displays the table in the middle of the container.Left - Displays the table at the left-hand margin.Right - Displays the table at the right-hand margin. Use the Advanced tab to set the following attributes. FieldDescriptionStyleDisplays all the CSS style attributes selected for the table. Additional styles can be manually entered in necessary. Border styleAllows the selection of a CSS style for the border by using a dropdown selector.Border ColorDefines a border color for the table. Click the icon to view and select a color. Alternatively, enter the hex value of the color. Background ColorDefines a background color for the table. Click the icon to view and select a color. Alternatively, enter the hex value of the color. Click Ok to save your adjustments.