Я работаю с угловым и фундаментом.Когда я помещаю свой переключатель в таблицу, он не работает.Это дает эту ошибку, показанную ниже.Но когда я помещаю его в стол, он работает.
<table>
<thead>
.............
</thead>
<tr *ngFor="let purchaseOrder of purchaseOrders; let i=index;">
<th>{{i+1}}</th>
<td>{{purchaseOrder.createdAt}}</td>
<td>{{purchaseOrder.lpoNumber}}</td>
<td>{{purchaseOrder.supplier.supplierName}}</td>
<td>n/a</td>
<td>n/a</td>
<td>n/a</td>
<td>
<div><button class="button" type="button" data-toggle="example-dropdown">Toggle Dropdown</button></div>
</td>
........
</table>
<div class="dropdown-pane" id="example-dropdown" data-dropdown data-auto-focus="true">
Example form in a dropdown.
</div>
Это ошибка, которую я получаю, когда помещаю ее в стол в моей консоли.
zone.js:192 Uncaught TypeError: elem.getBoundingClientRect is not a function
at Object.GetDimensions (foundation.js:1117)
at Dropdown._setPosition (foundation.js:3628)
at Dropdown._setPosition (foundation.js:5807)
at Dropdown.open (foundation.js:5940)
at Dropdown.toggle (foundation.js:6004)
at HTMLDivElement.dispatch (jquery.js:5183)
at HTMLDivElement.elemData.handle (jquery.js:4991)
at Object.trigger (jquery.js:8249)
at jQuery.fn.init.triggerHandler (jquery.js:8333)
at foundation.js:670
NB ": Этоработает, когда находится вне стола. Любая помощь?