Таблицы данных в Tab Control Metro UI CSS

Question

Можете ли вы помочь мне, как использовать таблицы данных на вкладках управления с Metro UI Framework. Таблицы данных с использованием этой платформы: http://www.datatables.net/. Я попытался реализовать это на вкладках управления в Metro UI ( http://metroui.org.ua/tab-control.html). Но таблицы данных не могут быть показаны, и получил ошибку в сценарии Java. Код ниже:

<script src="js/jquery/jquery.min.js"></script>
<script src="js/jquery/jquery.dataTables.js"></script>
<script src="js/jquery/jquery.widget.min.js"></script>
<script src="js/metro/metro.min.js"></script>
<script src="js/metro/metro.min.js"></script>
<script src="js/metro/metro-tab-control.js"></script>

    <script>
    $(document).ready(function() {
        $('#example').dataTable( {
            "paging":   false,
            "ordering": false,
            "info":     false
        } );
    } );
</script>
<div class="tab-control" data-role="tab-control">
            <ul class="tabs">
                <li class="active"><a href="#_page_1">Anggota PTK</a></li>
                <li><a href="#_page_2">Peserta Didik</a></li>   
                <li class="place-right"><a href="#_page_5"><i class="icon-plus-2"></i> Tambah Akun</a></li>             
            </ul>

            <div class="frames">
                <div class="frame" id="_page_1"><?php include "admin_viewdata_ptk.php";?></div>
                <div class="frame" id="_page_2"><?php include "admin_viewdata_peserta.php";?></div>
                <div class="frame" id="_page_5"><?php include "admin_user_adduser.php";?></div>
            </div>
        </div>

Пожалуйста, дайте мне подсказку или решение. Спасибо