Таблицы в Invision Community 4

[фанфорум]

Интеграция таблиц в Invision Community 4, правка кода под свои нужды в CKeditor

[фанфорум]

Объединение двух и более ячеек таблицы — по горизонтали и вертикали.

 

Таблица на 2 колонки и 3 строки

111	222
333	444
555	666

Код этой таблицы

<table border="1" cellpadding="1" cellspacing="1" style="width: 200px;">
	<tbody>
		<tr>
			<td>
				111
			</td>
			<td>
				222
			</td>
		</tr>
		<tr>
			<td>
				333
			</td>
			<td>
				444
			</td>
		</tr>
		<tr>
			<td>
				555
			</td>
			<td>
				666
			</td>
		</tr>
	</tbody>
</table>

Тоже самое, но с объединением двух ячеек таблицы

111
333	444
555	666

Для этого заменяем

<td>
				111
			</td>
			<td>
				222
			</td>

На 

<td colspan="2">
				111
			</td>

Где td colspan ="2" это количество ячеек, которые нужно объединить.

 

Если нужно объединить две ячейки 111 и 333 по вертикали, в самой первой таблице сообщения.

111	222
	444
555	666

Тогда перед  111 заменяем в коде <td>
На <td rowspan="2">

И удаляем 

<td>
				333
			</td>

Цифра 2 - это количество ячеек, которые нужно объединить.
Если надо объединить 3, прописываем 3 и удаляем ещё аналогичный код таблицы 555

[фанфорум]

Задать цвет рамок ячейки таблицы

111

 

Код данной таблицы

<table border="1" cellpadding="1" cellspacing="1" style="width: 150px;">
	<tbody>
		<tr>
			<td>
				111
			</td>
		</tr>
	</tbody>
</table>

В первую строку добавляем bordercolor="red"
Получаем такую рамку таблицы

111

В коде это будет выглядеть так

<table border="1" bordercolor="red" cellpadding="1" cellspacing="1" style="width: 150px;">

Или можно подобрать Hex код цвета, через Color Picker

Аналогичная таблица, но с hex кодом цвета

111

bordercolor="#1c8534"

[фанфорум]

Придать цвет фону ячейки таблицы

111

 

Код таблицы

<table border="1" cellpadding="1" cellspacing="1" style="width: 150px;">
	<tbody>
		<tr>
			<td>
				111
			</td>
		</tr>
	</tbody>
</table>

 

Таблица с фоном

111

В коде первоначальной таблицы заменяем

<td>
				111
			</td>

На

<td style="background-color:#f8e3ff;">
				111
			</td>

Где #f8e3ff — это hex код цвета нужного нам фона таблицы.