Kei-HTML-Editor/TableFormatting.html at main · orchardguides/Kei-HTML-Editor · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
<div>
	<div style="text-align:center; vertical-align:center;">
		<img src="./icons/FatCow/table.png" alt="Icon"/>
		<img src="./icons/kei/kei_right_arrow.png" alt="Icon"/>
		<img src="./icons/FatCow/table_add.png" alt="Icon" data-toggle="tooltip" data-placement="top" title="Insert Table"/>
	</div>
	Tables are created using the Table Insert button available under the Table tab.
	<br>
	<br>
	<div style="text-align:center;">
		<img src="./icons/FatCow/table.png" alt="Icon"/>
		<img src="./icons/kei/kei_right_arrow.png" alt="Icon"/>
		<img src="./icons/FatCow/kei_table_select.png" alt="Icon" data-toggle="tooltip" data-placement="top" title="Select Table"/>
		<img src="./icons/FatCow/kei_table_select_column.png" alt="Icon" data-toggle="tooltip" data-placement="top" title="Select Column"/>
		<img src="./icons/FatCow/kei_table_select_row.png" alt="Icon" data-toggle="tooltip" data-placement="top" title="Select Row"/>
		<img src="./icons/FatCow/kei_table_select_cell.png" alt="Icon" data-toggle="tooltip" data-placement="top" title="Select Cell"/>
	</div>
	When the caret is positioned inside a table, four buttons that can be used to select from among the entire table, a column, a row, or an individual cell become available under the Table tab.
	<br>
	<br>
	<div style="text-align:center;">
		<img src="./icons/FatCow/kei_table_selection.png" alt="Icon" data-toggle="tooltip" data-placement="top" title="Selection"/>
		<img src="./icons/kei/kei_right_arrow.png" alt="Icon"/>
	</div>
	After selecting a table element, a menu with the formatting choices appropriate for the class of element that was chosen becomes available under the Table Selection tab.
</div>