114 lines
9.5 KiB
HTML
114 lines
9.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Insert tables</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="description" content="Add a table to your document and adjust its properties" />
|
|
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
|
</head>
|
|
<body>
|
|
<div class="mainpart">
|
|
<h1>Insert tables</h1>
|
|
<p>To insert a table into the document text,</p>
|
|
<ol>
|
|
<li>place the cursor where you want the table to be put,</li>
|
|
<li>click the <b>Insert Table</b> <img alt="Insert Table icon" src="../images/table.png" /> icon at the top toolbar,</li>
|
|
<li>select the option to create a table:
|
|
<ul>
|
|
<li><p>either a table with predefined number of cells (10 by 8 cells maximum)</p>
|
|
<p>If you want to quickly add a table, just select the number of rows (8 maximum) and columns (10 maximum).</p></li>
|
|
<li><p>or a custom table</p>
|
|
<p>In case you need more than 10 by 8 cell table, select the <b>Insert Custom Table</b> option that will open the window where you can enter the necessary number of rows and columns respectively, then click the <b>OK</b> button.</p>
|
|
<p><img alt="Custom table" src="../images/customtable.png" /></p>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>once the table is added you can change its properties and position.</li>
|
|
</ol>
|
|
<hr />
|
|
<p>Some of the table properties as well as its structure can be altered using the right-click menu. The menu options are:</p>
|
|
<ul>
|
|
<li><b>Cut, Copy, Paste</b> - standard options which are used to cut or copy a selected text/object and paste a previously cut/copied text passage or object to the current cursor position.</li>
|
|
<li><b>Select</b> is used to select a row, column, cell, or table.</li>
|
|
<li><b>Insert</b> is used to insert a row above or row below the row where the cursor is placed as well as to insert a column at the left or right side from the column where the cursor is placed.</li>
|
|
<li><b>Delete</b> is used to delete a row, column or table.</li>
|
|
<li><b>Merge Cells</b> is available if two or more cells are selected and is used to merge them.</li>
|
|
<li><b>Split Cell...</b> is used to open a window where you can select the needed number of columns and rows the cell will be split in.</li>
|
|
<li><b>Cell Vertical Alignment</b> is used to align the text top, center or bottom in the selected cell.</li>
|
|
<li><b>Wrapping Style - Inline</b> is used to select the inline style (when the text is broken by the table) as well as the alignment: left, center, right.</li>
|
|
<li><b>Wrapping Style - Flow</b> is used to select the flow style when the text is wrapped around the table.</li>
|
|
<li><b>Table Advanced Settings</b> is used to open the 'Table - Advanced Settings' window.</li>
|
|
<li><b>Hyperlink</b> is used to insert a hyperlink.</li>
|
|
<li><b>Paragraph</b> is used to keep lines together or open the 'Paragraph - Advanced Settings' window.</li>
|
|
</ul>
|
|
<hr />
|
|
<p><img class="floatleft"alt="Right Sidebar - Table Settings" src="../images/right_table.png" /></p>
|
|
<p>You can also change the table properties at the right sidebar:</p>
|
|
<ul style="margin-left: 280px;">
|
|
<li><p><b>Rows</b> and <b>Columns</b> are used to select the table parts that you want to be highlighted.</p>
|
|
<p>For rows:</p>
|
|
<ul>
|
|
<li><i>Header</i> - to highlight the first row</li>
|
|
<li><i>Total</i> - to highlight the last row</li>
|
|
<li><i>Banded</i> - to highlight every other row</li>
|
|
</ul>
|
|
<p>For columns:</p>
|
|
<ul>
|
|
<li><i>First</i> - to highlight the first column</li>
|
|
<li><i>Last</i> - to highlight the last column</li>
|
|
<li><i>Banded</i> - to highlight every other column</li>
|
|
</ul>
|
|
</li>
|
|
<li><p><b>Select from Template</b> is used to choose a table template from the available ones.</p></li>
|
|
<li><p><b>Borders Style</b> is used to select the border size, color, style as well as background color.</p></li>
|
|
<li><p><b>Text Wrapping</b> is used to select between two text wrapping styles - inline and flow.</p></li>
|
|
<li><p><b>Rows & Columns</b> is used to perform some operations with the table: select, delete, insert rows and columns, merge cells, split a cell.</p></li>
|
|
<li><p><b>Repeat as header row at the top of each page</b> is used to insert the same header row at the top of each page in long tables.</p></li>
|
|
<li><p><b>Show advanced settings</b> is used to open the 'Table - Advanced Settings' window.</p></li>
|
|
</ul>
|
|
<hr />
|
|
<p>To change the advanced table properties, click the table with the right mouse button and select the <b>Table Advanced Settings</b> option from the right-click menu or use the <b>Show advanced settings</b> link at the right sidebar. The table properties window will open:</p>
|
|
<img alt="Table - Advanced Settings" src="../images/table_properties_1.png" />
|
|
<p>The <b>Width & Spaces</b> tab contains the following parameters:</p>
|
|
<ul>
|
|
<li><b>Width</b> - the table width selected manually or automatically adjusted to fit the page width.
|
|
<p class="note"><b>Note</b>: you can also adjust the table size manually changing the row height and column width. Move the mouse cursor over a row/column border untill it turns into the bidirectional arrow and drag the border. You can also use the <img alt="Table - Column Width Marker" src="../images/columnwidthmarker.png" /> markers on the horizontal ruler to change the column width and the <img alt="Table - Row Height Marker" src="../images/rowheightmarker.png" /> markers on the vertical ruler to change the row height.</p>
|
|
</li>
|
|
<li><b>Allow spacing between cells</b> - the cell spacing which will be filled with the <b>Table Background</b> color.</li>
|
|
<li><b>Automatically resize to fit contents</b> - enables automatic change of each column width in accordance with the text within its cells.</li>
|
|
<li><b>Default Margins</b> - the space between the text within the cells and the cell border used by default. The values can be altered.</li>
|
|
</ul>
|
|
<img alt="Table - Advanced Settings" src="../images/table_properties_2.png" />
|
|
<p>The <b>Text Wrapping</b> tab contains the following parameters:</p>
|
|
<ul>
|
|
<li>Text wrapping style - <b>Inline</b> or <b>Flow</b>. Use the necessary option to change the way the table is positioned relative to the text: it will either be a part of the text (in case you select the inline style) or bypassed by it from all sides (if you select the flow style).</li>
|
|
<li>After you select the wrapping style, the additional wrapping parameters can be set both for inline and flow wrapping style:
|
|
<ul>
|
|
<li>For the inline style, you can specify the table <b>alignment</b> and <b>indent from left</b>.</li>
|
|
<li>For the flow style, you can specify the <b>distance from text</b> and table <b>position</b> at the <b>Position</b> tab.</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<img alt="Table - Advanced Settings" src="../images/table_properties_3.png" />
|
|
<p>The <b>Borders & Background</b> tab contains the following parameters:</p>
|
|
<ul>
|
|
<li><b>Border</b> parameters (size, color and presence or absence) - set the border size, select its color and choose the way it will be displayed in the cells.
|
|
<p class="note"><b>Note</b>: in case you select not to show table borders clicking the <img alt="No borders" src="../images/noborders.png" /> button or deselecting all the borders manually on the diagram, they will be indicated by a dotted line in the document.
|
|
To make them disappear at all, click the <b>Nonprinting Characters</b> <img alt="Nonprinting Characters" src="../images/nonprintingcharacters.png" /> icon at the top toolbar and select the <b>Hidden Table Borders</b> option.</p>
|
|
</li>
|
|
<li><b>Cell Background</b> - the color for the background within the cells (available only if one or more cells are selected or the <b>Allow spacing between cells</b> option is selected at the <b>Width & Spaces</b> tab).</li>
|
|
<li><b>Table Background</b> - the color for the table background or the space background between the cells in case the <b>Allow spacing between cells</b> option is selected at the <b>Width & Spaces</b> tab.</li>
|
|
</ul>
|
|
<img alt="Table - Advanced Settings" src="../images/table_properties_4.png" />
|
|
<p>The <b>Position</b> tab is available only if the <b>Flow</b> option at the <b>Text Wrapping</b> tab is selected and contains the following parameters:</p>
|
|
<ul>
|
|
<li><b>Horizontal</b> parameters include the table <b>alignment</b> (left, center, right) <b>relative to</b> margin, page or text as well as the table <b>position to the right of</b> margin, page or text.</li>
|
|
<li><b>Vertical</b> parameters include the table <b>alignment</b> (top, center, bottom) <b>relative to</b> margin, page or text as well as the table <b>position below</b> margin, page or text.</li>
|
|
<li><b>Move object with text</b> controls whether the table moves as the text into which it is inserted moves.</li>
|
|
<li><b>Allow overlap</b> controls whether two tables are merged into one large table or overlap if you drag them near each other on the page.</li>
|
|
</ul>
|
|
<img alt="Table - Advanced Settings" src="../images/table_properties_5.png" />
|
|
<p>The <b>Cell Properties</b> tab allows to adjust the <b>Cell Margins</b> - i.e. the space between the text within the cells and the cell border. Can be set to default (the default values can also be altered at the <b>Width & Spaces</b> tab), or entered manually.</p>
|
|
</div>
|
|
</body>
|
|
</html> |