knockout.js - ノックアウトjsの3つのセクションすべてに単一のテーブルテンプレートをバインドする方法は?

Question

3 つのセクションを含む div があります。

<div>
    <section> /--bind table Table.html template with HR Details--/</section>
    <section> /--bind table Table.html template with Developers--/</section>
    <section> /--bind table Table.html template with Managers--/</section>
</div>

テーブルテンプレート、つまりTable.htmlがあります

<table id="emptable">
    <thead>
        <tr>
            <th>Name</th>
            <th>Designation</th>
        </tr>
    </thead>
    <tbody data-bind="foreach: EmpDetails">
        <tr>
            <td style="width:25%" data-bind="text: Name"></td>
            <td style="width:25%" data-bind="text: Designation"></td>
        </tr>        
    </tbody>
</table>

異なるオブザーバブルを持つ 3 つのセクションすべてで同じテーブルを使用したいと考えています。例: 私の Obserevables は HRDetails、Developers、Managers です。異なるオブザーバブルを持つすべてのセクションで同じテーブル構造を使用したいと考えています。これを行う方法をノックアウトjsで提案してください。