-- Single Accordion Wrapper -- (For only one Table)
| IFC Entity: lfcSanitaryTerminal | ||||||
|---|---|---|---|---|---|---|
| IFC SubType: BATH | ||||||
| S/N | IFC-SG Property | Property Type | Type of Elements | Unit | Input Limitation | Examples |
| 1 | WELS | Boolean | - | - | Yes | TRUE / FALSE |
<div class="accordion-wrapper">
<div class="data-generation accordion">
<div class="accordion-item">
<p class="accordion-header">
<button aria-controls="collapseOne" aria-expanded="false" data-bs-target="#collapseOne" data-bs-toggle="collapse" type="button" class="accordion-button collapsed">
By IFC Representation (Bath)
</button>
</p>
<div class="accordion-collapse collapse" id="collapseOne">
<div class="accordion-body">
<div class="table-responsive">
<table class="table table-bordered caption-top table-bim">
<thead>
<tr>
<th colspan="7">IFC Entity: <strong>lfcSanitaryTerminal</strong></th>
</tr>
<tr>
<th colspan="7">IFC SubType: <span>BATH</span></th>
</tr>
</thead>
<tbody>
<tr>
<th>S/N</th>
<th>IFC-SG Property</th>
<th>Property Type</th>
<th>Type of Elements</th>
<th>Unit</th>
<th>Input Limitation</th>
<th>Examples</th>
</tr>
<tr>
<td><strong>1</strong></td>
<td>WELS</td>
<td>Boolean</td>
<td>-</td>
<td>-</td>
<td>Yes</td>
<td>TRUE / FALSE</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
-- Single Accordion Wrapper -- (With Two Tables)
| IFC Entity: lfcSanitaryTerminal | ||||||
|---|---|---|---|---|---|---|
| IFC SubType: BATH | ||||||
| S/N | IFC-SG Property | Property Type | Type of Elements | Unit | Input Limitation | Examples |
| 1 | WELS | Boolean | - | - | Yes | TRUE / FALSE |
| IFC Entity: lfcSanitaryTerminal | ||||||
|---|---|---|---|---|---|---|
| IFC SubType: BATH | ||||||
| S/N | IFC-SG Property | Property Type | Type of Elements | Unit | Input Limitation | Examples |
| 1 | WELS | Boolean | - | - | Yes | TRUE / FALSE |
<div class="accordion-wrapper">
<div class="data-generation accordion">
<div class="accordion-item">
<p class="accordion-header"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">By IFC Representation (Bath)
</button></p>
<div id="collapseOne" class="accordion-collapse collapse">
<div class="accordion-body">
<div class="table-responsive">
<table class="table table-bordered caption-top table-bim k-table">
<thead>
<tr>
<th colspan="7">IFC Entity: <strong>lfcSanitaryTerminal</strong></th>
</tr>
<tr>
<th colspan="7">IFC SubType: <span>BATH</span></th>
</tr>
</thead>
<tbody>
<tr>
<th>S/N</th>
<th>IFC-SG Property</th>
<th>Property Type</th>
<th>Type of Elements</th>
<th>Unit</th>
<th data-role="resizable">Input Limitation</th>
<th>Examples</th>
</tr>
<tr>
<td><strong>1</strong></td>
<td>WELS</td>
<td>Boolean</td>
<td>-</td>
<td>-</td>
<td>Yes</td>
<td>TRUE / FALSE</td>
</tr>
</tbody>
</table>
</div>
<div class="table-responsive mt-3">
<table class="table table-bordered caption-top table-bim k-table">
<thead>
<tr>
<th colspan="7">IFC Entity: <strong>lfcSanitaryTerminal</strong></th>
</tr>
<tr>
<th colspan="7">IFC SubType: <span>BATH</span></th>
</tr>
</thead>
<tbody>
<tr>
<th>S/N</th>
<th>IFC-SG Property</th>
<th>Property Type</th>
<th>Type of Elements</th>
<th>Unit</th>
<th>Input Limitation</th>
<th>Examples</th>
</tr>
<tr>
<td><strong>1</strong></td>
<td>WELS</td>
<td>Boolean</td>
<td>-</td>
<td>-</td>
<td>Yes</td>
<td>TRUE / FALSE</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
-- Single Accordion Wrapper -- (With Three Tables)
| IFC Entity: lfcSanitaryTerminal | ||||||
|---|---|---|---|---|---|---|
| IFC SubType: BATH | ||||||
| S/N | IFC-SG Property | Property Type | Type of Elements | Unit | Input Limitation | Examples |
| 1 | WELS | Boolean | - | - | Yes | TRUE / FALSE |
| IFC Entity: lfcSanitaryTerminal | ||||||
|---|---|---|---|---|---|---|
| IFC SubType: BATH | ||||||
| S/N | IFC-SG Property | Property Type | Type of Elements | Unit | Input Limitation | Examples |
| 1 | WELS | Boolean | - | - | Yes | TRUE / FALSE |
| IFC Entity: lfcSanitaryTerminal | ||||||
|---|---|---|---|---|---|---|
| IFC SubType: BATH | ||||||
| S/N | IFC-SG Property | Property Type | Type of Elements | Unit | Input Limitation | Examples |
| 1 | WELS | Boolean | - | - | Yes | TRUE / FALSE |
<div class="accordion-wrapper">
<div class="data-generation accordion">
<div class="accordion-item">
<p class="accordion-header"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">By IFC Representation (Bath)
</button></p>
<div id="collapseOne" class="accordion-collapse collapse">
<div class="accordion-body">
<div class="table-responsive">
<table class="table table-bordered caption-top table-bim k-table">
<thead>
<tr>
<th colspan="7">IFC Entity: <strong>lfcSanitaryTerminal</strong></th>
</tr>
<tr>
<th colspan="7">IFC SubType: <span>BATH</span></th>
</tr>
</thead>
<tbody>
<tr>
<th>S/N</th>
<th>IFC-SG Property</th>
<th>Property Type</th>
<th>Type of Elements</th>
<th>Unit</th>
<th data-role="resizable">Input Limitation</th>
<th>Examples</th>
</tr>
<tr>
<td><strong>1</strong></td>
<td>WELS</td>
<td>Boolean</td>
<td>-</td>
<td>-</td>
<td>Yes</td>
<td>TRUE / FALSE</td>
</tr>
</tbody>
</table>
</div>
<div class="table-responsive mt-3">
<table class="table table-bordered caption-top table-bim k-table">
<thead>
<tr>
<th colspan="7">IFC Entity: <strong>lfcSanitaryTerminal</strong></th>
</tr>
<tr>
<th colspan="7">IFC SubType: <span>BATH</span></th>
</tr>
</thead>
<tbody>
<tr>
<th>S/N</th>
<th>IFC-SG Property</th>
<th>Property Type</th>
<th>Type of Elements</th>
<th>Unit</th>
<th data-role="resizable">Input Limitation</th>
<th>Examples</th>
</tr>
<tr>
<td><strong>1</strong></td>
<td>WELS</td>
<td>Boolean</td>
<td>-</td>
<td>-</td>
<td>Yes</td>
<td>TRUE / FALSE</td>
</tr>
</tbody>
</table>
</div>
<div class="table-responsive mt-3">
<table class="table table-bordered caption-top table-bim k-table">
<thead>
<tr>
<th colspan="7">IFC Entity: <strong>lfcSanitaryTerminal</strong></th>
</tr>
<tr>
<th colspan="7">IFC SubType: <span>BATH</span></th>
</tr>
</thead>
<tbody>
<tr>
<th>S/N</th>
<th>IFC-SG Property</th>
<th>Property Type</th>
<th>Type of Elements</th>
<th>Unit</th>
<th>Input Limitation</th>
<th>Examples</th>
</tr>
<tr>
<td><strong>1</strong></td>
<td>WELS</td>
<td>Boolean</td>
<td>-</td>
<td>-</td>
<td>Yes</td>
<td>TRUE / FALSE</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
-- Full Accordion Wrapper (With Expand All/ Collapse All) -- (Take Note to copy the starting div with accordion-item and relative end tag, then replace collapseOne if there is multiple accordion items)
| IFC Entity: lfcSanitaryTerminal | ||||||
|---|---|---|---|---|---|---|
| IFC SubType: BATH | ||||||
| S/N | IFC-SG Property | Property Type | Type of Elements | Unit | Input Limitation | Examples |
| 1 | WELS | Boolean | - | - | Yes | TRUE / FALSE |
| IFC Entity: lfcSanitaryTerminal | ||||||
|---|---|---|---|---|---|---|
| IFC SubType: BIDET | ||||||
| S/N | IFC-SG Property | Property Type | Type of Elements | Unit | Input Limitation | Examples |
| 1 | WELS | Boolean | - | - | Yes | TRUE / FALSE |
| IFC Entity: lfcSanitaryTerminal | ||||||
|---|---|---|---|---|---|---|
| IFC SubType: Shower | ||||||
| S/N | IFC-SG Property | Property Type | Type of Elements | Unit | Input Limitation | Examples |
| 1 | WELS | Boolean | - | - | Yes | TRUE / FALSE |
<div class="accordion-wrapper">
<div class="text-end">
<button class="btn-accordion">Expand all</button>
</div>
<div class="data-generation accordion">
<div class="accordion-item">
<p class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
By IFC Representation (Bath)
</button>
</p>
<div id="collapseOne" class="accordion-collapse collapse">
<div class="accordion-body">
<div class="table-responsive">
<table class="table table-bordered caption-top table-bim">
<thead>
<tr>
<th colspan="7">IFC Entity: <strong>lfcSanitaryTerminal</strong></th>
</tr>
<tr>
<th colspan="7">IFC SubType: <span>BATH</span></th>
</tr>
</thead>
<tbody>
<tr>
<th>S/N</th>
<th>IFC-SG Property</th>
<th>Property Type</th>
<th>Type of Elements</th>
<th>Unit</th>
<th>Input Limitation</th>
<th>Examples</th>
</tr>
<tr>
<td><strong>1</strong></td>
<td>WELS</td>
<td>Boolean</td>
<td>-</td>
<td>-</td>
<td>Yes</td>
<td>TRUE / FALSE</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<p class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
By IFC Representation (Bidet)
</button>
</p>
<div id="collapseTwo" class="accordion-collapse collapse">
<div class="accordion-body">
<div class="table-responsive">
<table class="table table-bordered caption-top table-bim">
<thead>
<tr>
<th colspan="7">IFC Entity: <strong>lfcSanitaryTerminal</strong></th>
</tr>
<tr>
<th colspan="7">IFC SubType: <span>BIDET</span></th>
</tr>
</thead>
<tbody>
<tr>
<th>S/N</th>
<th>IFC-SG Property</th>
<th>Property Type</th>
<th>Type of Elements</th>
<th>Unit</th>
<th>Input Limitation</th>
<th>Examples</th>
</tr>
<tr>
<td><strong>1</strong></td>
<td>WELS</td>
<td>Boolean</td>
<td>-</td>
<td>-</td>
<td>Yes</td>
<td>TRUE / FALSE</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="accordion-item">
<p class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
By IFC Representation (Shower)
</button>
</p>
<div id="collapseThree" class="accordion-collapse collapse">
<div class="accordion-body">
<div class="table-responsive">
<table class="table table-bordered caption-top table-bim">
<thead>
<tr>
<th colspan="7">IFC Entity: <strong>lfcSanitaryTerminal</strong></th>
</tr>
<tr>
<th colspan="7">IFC SubType: <span>Shower</span></th>
</tr>
</thead>
<tbody>
<tr>
<th>S/N</th>
<th>IFC-SG Property</th>
<th>Property Type</th>
<th>Type of Elements</th>
<th>Unit</th>
<th>Input Limitation</th>
<th>Examples</th>
</tr>
<tr>
<td><strong>1</strong></td>
<td>WELS</td>
<td>Boolean</td>
<td>-</td>
<td>-</td>
<td>Yes</td>
<td>TRUE / FALSE</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
-- Single Accordion Wrapper with Dark Colored Header -- (For only one Table)
| 1 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. |
| 2 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. |
<div class="accordion-wrapper">
<div class="data-generation accordion">
<div class="accordion-item">
<p class="accordion-header"><button aria-controls="collapseOne" aria-expanded="false" data-bs-target="#collapseOne" data-bs-toggle="collapse" type="button" class="accordion-button collapsed">By IFC Representation (Bath)
</button></p>
<div class="accordion-collapse collapse" id="collapseOne">
<div class="accordion-body">
<div class="table-responsive">
<table class="table table-bordered caption-top table-gateway k-table">
<caption><span>Title without link
</span>
</caption>
<tbody>
<tr>
<td>1
</td>
<td>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</td>
</tr>
<tr>
<td>2
</td>
<td>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
-- Single Accordion Wrapper with Dark Colored Header and Headings -- (For only one Table)
| S/N | IFC-SG Property |
|---|---|
| 1 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. |
| 2 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. |
<div class="accordion-wrapper">
<div class="data-generation accordion">
<div class="accordion-item">
<p class="accordion-header"><button aria-controls="collapseOne" aria-expanded="false" data-bs-target="#collapseOne" data-bs-toggle="collapse" type="button" class="accordion-button collapsed">By IFC Representation (Bath)
</button></p>
<div class="accordion-collapse collapse" id="collapseOne">
<div class="accordion-body">
<div class="table-responsive">
<table class="table table-bordered caption-top table-gateway k-table">
<caption><span>Title without link
</span>
</caption>
<thead>
<tr>
<th data-role="resizable">S/N</th>
<th>IFC-SG Property</th>
</tr>
</thead>
<tbody>
<tr>
<td>1
</td>
<td>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</td>
</tr>
<tr>
<td>2
</td>
<td>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>