如何在Angular2中使用DataTables Bootstrap集成?

时间:2016-11-24 17:25:50

标签: angular twitter-bootstrap-3 datatables definitelytyped

我需要在Angular2中使用漂亮的Bootstrap分页控件。我可以得到原始的DataTables控件,但是我需要Bootstrap的外观和感觉。我已经集成了核心Bootstrap库并设置了如下参考路径:

/// <reference path="../../../typings/jquery/jquery.d.ts" />
/// <reference path="../../../typings/jquery.dataTables/jquery.dataTables.d.ts" />
/// <reference path="../../../typings/jquery.simplemodal/jquery.simplemodal.d.ts" /> 

我已经将常用的集成资源复制到我的index.html文件中,如下所示,但没有区别。还有什么我需要做的吗?

<head>
<meta charset="utf-8">
    <title>SimpleApp</title>
    <base href="/">

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/x-icon" href="favicon.ico">


    <!-- DataTables Bootstrap integration - Should provide nice pagination control -->

    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.12/css/dataTables.bootstrap.min.css">
    <script type="text/javascript" src="https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js"></script>


</head>

<body>
    <div class="container-fluid">
        <parameterTable>Loading the parameter table...</parameterTable>
    </div>
</body>

0 个答案:

没有答案