angularJS+bootstrap实现一个表格分页效果代码

代码语言:html

所属分类:表格

代码描述:angularJS+bootstrap实现一个表格分页效果代码,使用了/ui-bootstrap-tpls插件。

代码标签: angular bootstrap 表格 分页

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
     <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/mock.min.js"></script>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/angular.2.4.6.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/ui-bootstrap-tpls.min.js"></script>

    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/bootstrap.3.3.4.css">

    <style>
        .panel{width:60%;margin:0 auto;text-align: center;}
        	.form-inline{width:60%;margin:0 auto;}
    </style>

</head>

<body ng-app="app" ng-controller="ctrl">
    <div class="panel">
        <div class="row req form-inline">
            <div class="col-md-8 col-md-offset-4 solid_top form-group">
                <div class="pull-right">
                    <label>展.........完整代码请登录后点击上方下载按钮下载查看

网友评论0