{#each eqpCapability as ec, mainindex}
	<div class="btm_div">
		<div>
			<span class="btmSpan">{ec.category}</span>
		</div>
	</div>
	<div style="display:flex;flex-direction:row;">
		<div class="column" style="border: 1px solid #CACDD1;border-bottom:none;">
			<div class="brdrbtm" style="padding: 10px;font-weight: bold;">&nbsp;</div>
			{#each ec.subCategories as ecQ3}
				<div class="brdrbtm" style="padding: 5px 10px;">{ecQ3.category}</div>
			{/each}
		</div>
		<div class="column">
			<table>
				<tr style="background: #fff !important;height:unset !important;">
					{#each ec.attributes as ecQ}
						<td class="col brdrbtm" style="font-weight: bold;height:48px;">{ecQ.name}</td>
					{/each}
				</tr>
				{#each ec.subCategories as ecQ1}
					<tr class="row">
						{#each ec.attributes as ecQ, i}
							{#if ecQ1.equipmentMachiningCapability[i] && (ecQ.name == ecQ1.equipmentMachiningCapability[i].attribute?.name)}
								<td class="col brdrbtm" style="padding: 5px 10px;">{ecQ1.equipmentMachiningCapability[i].capability}</td>
							{:else}
								<td class="col brdrbtm" style="padding: 5px 10px;">N/A</td>
							{/if}
						{/each}
					</tr>
				{/each}
			</table>
		</div>
	</div>
{/each}