<div>
	Добрый день.
	<br>
	<br> На работы назначены:
</div>

<!-- Первая таблица -->
<div>
	<!-- Таблица 1 -->

	<table fr-original-class="fr-table-with-borders" fr-original-style="width: 100%; margin-top: 10px; border-collapse: collapse; border: 0px; empty-cells: show; max-width: 100%;" style="width: 100%; margin-top: 10px; border-collapse: collapse; border: 0px; empty-cells: show; max-width: 100%;">
		<thead>
			<tr fr-original-style="" style="user-select: none;">
				<th fr-original-style="width: 21.2156%; background: rgb(230, 230, 230);" style="width: 21.2156%; background: rgb(230, 230, 230); user-select: text; border: 1px solid rgb(221, 221, 221);">ФИО и телефон</th>
				<th fr-original-style="width: 16.9534%; background: rgb(230, 230, 230);" style="width: 16.9534%; background: rgb(230, 230, 230); user-select: text; border: 1px solid rgb(221, 221, 221);">Должность и группа</th>
				<th fr-original-style="width: 61.8311%; background: rgb(230, 230, 230);" style="width: 61.8311%; background: rgb(230, 230, 230); user-select: text; border: 1px solid rgb(221, 221, 221);">Паспортные данные</th>
			</tr>
		</thead>
		<tbody>
				<td fr-original-style="width: 21.2156%;" style="width: 21.2156%; min-width: 5px; user-select: text; border: 1px solid rgb(221, 221, 221);">${subject.subscribers.fioandnumber.join("
				</td>
				<td style="width: 61.8311%; min-width: 5px; user-select: text; border: 1px solid rgb(221, 221, 221); height: 20px;" fr-original-style="width: 61.8311%;"></td>
			<tr fr-original-style="" style="user-select: none;">
				<td fr-original-style="width: 16.9534%;" style="width: 16.9534%; min-width: 5px; user-select: text; border: 1px solid rgb(221, 221, 221);">${subject.subscribers.doljnostIB.join("
					<br>
					<br>")}</td>
				<td fr-original-style="width: 61.8311%;" style="width: 61.8311%; min-width: 5px; user-select: text; border: 1px solid rgb(221, 221, 221);">${subject.subscribers.passDetail.join("
					<br>
					<br>")}</td>
			</tr>
		</tbody>
	</table>
</div>

<!-- Вторая таблица -->
<div>
	<!-- Таблица 2 -->

	<table fr-original-class="fr-table-with-borders" fr-original-style="width: 100%; margin-top: 20px; border-collapse: collapse; border: 0px; empty-cells: show; max-width: 100%;" style="width: 100%; margin-top: 20px; border-collapse: collapse; border: 0px; empty-cells: show; max-width: 100%;">
		<thead>
			<tr fr-original-style="" style="user-select: none;">
				<th fr-original-style="width: 15.7012%; background: rgb(230, 230, 230);" style="width: 15.7012%; background: rgb(230, 230, 230); user-select: text; border: 1px solid rgb(221, 221, 221);">ФИО</th>
				<th fr-original-style="width: 84.2988%; background: rgb(230, 230, 230);" style="width: 84.2988%; background: rgb(230, 230, 230); user-select: text; border: 1px solid rgb(221, 221, 221);">Список инструментов сотрудника</th>
			</tr>
		</thead>
		<tbody>
			<tr fr-original-style="" style="user-select: none;">
				<td fr-original-style="width: 15.7012%;" style="width: 15.7012%; min-width: 5px; user-select: text; border: 1px solid rgb(221, 221, 221);">${subject.subscribers.title.join("
					<br>
					<br>")}</td>
				<td fr-original-style="width: 84.2988%;" style="width: 84.2988%; min-width: 5px; user-select: text; border: 1px solid rgb(221, 221, 221);">${subject.subscribers.equipmentEmpl.join("
					<br>
					<br>")}</td>
			</tr>
		</tbody>
	</table>
</div>
Вот мой код html мне надо, чтобы вместо join("<br><br>") было разделение ввиде таблицы