分页插件_按table行分页

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/BAStriver/article/details/72228989
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="public/css/bootstrap.css" rel="stylesheet">
    <link href="public/css/bootstrap-theme.min.css" rel="stylesheet">
    <link href="public/css/bootstrap-responsive.min.css" rel="stylesheet">
    <script src="public/js/jquery-3.0.0.min.js"></script>
    <script src="public/js/bootstrap.min.js"></script>
    <style>
        .btn{border-radius:10px; }
        .table > tbody > tr > td,.table > tbody > tr > th{
            vertical-align: middle;
            border-top: none;
            border-bottom: 1px solid #ddd;
        }
    </style>
</head>
<body>

<table width="100%" style="table-layout:fixed;" class="table table-bordered table-hover table-striped" id="tasd">
    <tbody id="choicefield">
    <tr>
        <th width="5%">题号</th>
        <th width="95%">题目</th>
    </tr>
    <tr><td>1</td><td>下列不属于面向对象三大特点的是</td></tr><tr><td><input name="choice1" type="radio" value="A"></td><td>A.继承</td></tr><tr><td><input name="choice1" type="radio" value="B"></td><td>B.方法</td></tr><tr><td><input name="choice1" type="radio" value="C"></td><td>C.封装</td></tr><tr><td><input name="choice1" type="radio" value="D"></td><td>D.多态</td></tr><tr><td>2</td><td>下列说法错误的是</td></tr><tr><td><input name="choice2" type="radio" value="A"></td><td>A.一个子类可以有多个父类</td></tr><tr><td><input name="choice2" type="radio" value="B"></td><td>B.父类派生出子类</td></tr><tr><td><input name="choice2" type="radio" value="C"></td><td>C.子类继承父类</td></tr><tr><td><input name="choice2" type="radio" value="D"></td><td>D.子类只能有一个父类</td></tr><tr><td>3</td><td>定义变量int i=3;,那么表达式i/6*5的计算结果是</td></tr><tr><td><input name="choice3" type="radio" value="A"></td><td>A.0</td></tr><tr><td><input name="choice3" type="radio" value="B"></td><td>B.1</td></tr><tr><td><input name="choice3" type="radio" value="C"></td><td>C.2.5</td></tr><tr><td><input name="choice3" type="radio" value="D"></td><td>D.2</td></tr><tr><td>4</td><td>JAVA语言中,占用32位存储空间的是?</td></tr><tr><td><input name="choice4" type="radio" value="A"></td><td>A.long,double</td></tr><tr><td><input name="choice4" type="radio" value="B"></td><td>B.long,float</td></tr><tr><td><input name="choice4" type="radio" value="C"></td><td>C.int,double</td></tr><tr><td><input name="choice4" type="radio" value="D"></td><td>D.int,float</td></tr><tr><td>5</td><td>下列标识符中合法的是</td></tr><tr><td><input name="choice5" type="radio" value="A"></td><td>A.12class</td></tr><tr><td><input name="choice5" type="radio" value="B"></td><td>B.+void</td></tr><tr><td><input name="choice5" type="radio" value="C"></td><td>C.-5</td></tr><tr><td><input name="choice5" type="radio" value="D"></td><td>D._black</td></tr><tr><td>6</td><td>下列类的定义中结构正确的是</td></tr><tr><td><input name="choice6" type="radio" value="A"></td><td>A.class A</td></tr><tr><td><input name="choice6" type="radio" value="B"></td><td>B.class 2A</td></tr><tr><td><input name="choice6" type="radio" value="C"></td><td>C.int class A</td></tr><tr><td><input name="choice6" type="radio" value="D"></td><td>D.public class A</td></tr><tr><td>7</td><td>面向对象的特点是</td></tr><tr><td><input name="choice7" type="radio" value="A"></td><td>A.继承、封装、多态</td></tr><tr><td><input name="choice7" type="radio" value="B"></td><td>B.继承、接口、对象</td></tr><tr><td><input name="choice7" type="radio" value="C"></td><td>C.消息、继承、类</td></tr><tr><td><input name="choice7" type="radio" value="D"></td><td>D.接口、继承、类</td></tr><tr><td>8</td><td>下列表示类B继承自类A的是</td></tr><tr><td><input name="choice8" type="radio" value="A"></td><td>A.class A extends B</td></tr><tr><td><input name="choice8" type="radio" value="B"></td><td>B.class B extends A</td></tr><tr><td><input name="choice8" type="radio" value="C"></td><td>C.class A implements B</td></tr><tr><td><input name="choice8" type="radio" value="D"></td><td>D.class B implements A</td></tr><tr><td>9</td><td>实现属性共享用到的关键字是</td></tr><tr><td><input name="choice9" type="radio" value="A"></td><td>A.extends</td></tr><tr><td><input name="choice9" type="radio" value="B"></td><td>B.static</td></tr><tr><td><input name="choice9" type="radio" value="C"></td><td>C.final</td></tr><tr><td><input name="choice9" type="radio" value="D"></td><td>D.implements</td></tr><tr><td>10</td><td>设x=1,y=2,z=3,则表达式y+=z--/++x中y的值为</td></tr><tr><td><input name="choice10" type="radio" value="A"></td><td>A.3</td></tr><tr><td><input name="choice10" type="radio" value="B"></td><td>B.3.5</td></tr><tr><td><input name="choice10" type="radio" value="C"></td><td>C.4</td></tr><tr><td><input name="choice10" type="radio" value="D"></td><td>D.5</td></tr><tr><td>11</td><td>下列语句中执行跳转功能的语句是</td></tr><tr><td><input name="choice11" type="radio" value="A"></td><td>A.for语句</td></tr><tr><td><input name="choice11" type="radio" value="B"></td><td>B.while语句</td></tr><tr><td><input name="choice11" type="radio" value="C"></td><td>C.continue语句</td></tr><tr><td><input name="choice11" type="radio" value="D"></td><td>D.switch语句</td></tr><tr><td>12</td><td>定义类头时,不可能用到的关键字是</td></tr><tr><td><input name="choice12" type="radio" value="A"></td><td>A.class</td></tr><tr><td><input name="choice12" type="radio" value="B"></td><td>B.public</td></tr><tr><td><input name="choice12" type="radio" value="C"></td><td>C.extends</td></tr><tr><td><input name="choice12" type="radio" value="D"></td><td>D.private</td></tr><tr><td>13</td><td>下面不正确的变量名是</td></tr><tr><td><input name="choice13" type="radio" value="A"></td><td>A.haha</td></tr><tr><td><input name="choice13" type="radio" value="B"></td><td>B.23_number</td></tr><tr><td><input name="choice13" type="radio" value="C"></td><td>C._ADC</td></tr><tr><td><input name="choice13" type="radio" value="D"></td><td>D.$666</td></tr><tr><td>14</td><td>java支持的三种跳转语句不包括</td></tr><tr><td><input name="choice14" type="radio" value="A"></td><td>A.break语句</td></tr><tr><td><input name="choice14" type="radio" value="B"></td><td>B.continue语句</td></tr><tr><td><input name="choice14" type="radio" value="C"></td><td>C.return语句</td></tr><tr><td><input name="choice14" type="radio" value="D"></td><td>D.goto语句</td></tr><tr><td>15</td><td>对于一个3位数n,取出他十位上的数字K的表达式是?</td></tr><tr><td><input name="choice15" type="radio" value="A"></td><td>A.k=n/10%10</td></tr><tr><td><input name="choice15" type="radio" value="B"></td><td>B.k=n%10%10</td></tr><tr><td><input name="choice15" type="radio" value="C"></td><td>C.k=n%10</td></tr><tr><td><input name="choice15" type="radio" value="D"></td><td>D.k=n/10</td></tr></tbody>

</table>

<!--<table class="table table-responsitivetable-bordered table-hover table-striped" id="dataList1">-->
            <!--<tbody>-->
            <!--<tr>-->
                <!--<th>教师编号</th>-->
                <!--<th>教师名称</th>-->
                <!--<th>教师性别</th>-->
                <!--<th>教师职称</th>-->
                <!--<th>联系电话</th>-->
                <!--<th><i class="glyphicon glyphicon-pencil"></i></th>-->
                <!--<th><i class="glyphicon glyphicon-trash"></i></th>-->
            <!--</tr>-->
            <!--<tr >-->
                <!--<td><label>1</label></td>-->
                <!--<td><label>曾老师</label></td>-->
                <!--<td><label>男</label></td>-->
                <!--<td><label>教授</label></td>-->
                <!--<td><label>13714791078</label></td>-->
                <!--<td><a id="edit1" href="#">编辑</a></td>-->
                <!--<td><a href="#">删除</a></td>-->
            <!--</tr>-->
            <!--<tr >-->
                <!--<td><label>2</label></td>-->
                <!--<td><label>a1老师</label></td>-->
                <!--<td><label>男</label></td>-->
                <!--<td><label>教授</label></td>-->
                <!--<td><label>13714791078</label></td>-->
                <!--<td><a id="edit2" href="#">编辑</a></td>-->
                <!--<td><a href="#">删除</a></td>-->
            <!--</tr>-->
            <!--<tr >-->
                <!--<td><label>3</label></td>-->
                <!--<td><label>a2老师</label></td>-->
                <!--<td><label>男</label></td>-->
                <!--<td><label>教授</label></td>-->
                <!--<td><label>13714791078</label></td>-->
                <!--<td><a id="edit3" href="#">编辑</a></td>-->
                <!--<td><a href="#">删除</a></td>-->
            <!--</tr>-->
            <!--<tr >-->
                <!--<td><label>4</label></td>-->
                <!--<td><label>a3老师</label></td>-->
                <!--<td><label>男</label></td>-->
                <!--<td><label>教授</label></td>-->
                <!--<td><label>13714791078</label></td>-->
                <!--<td><a id="edit4" href="#">编辑</a></td>-->
                <!--<td><a href="#">删除</a></td>-->
            <!--</tr>-->
            <!--<tr >-->
                <!--<td><label>5</label></td>-->
                <!--<td><label>az老师</label></td>-->
                <!--<td><label>男</label></td>-->
                <!--<td><label>教授</label></td>-->
                <!--<td><label>13714791078</label></td>-->
                <!--<td><a id="edit5" href="#">编辑</a></td>-->
                <!--<td><a href="#">删除</a></td>-->
            <!--</tr>-->
            <!--<tr >-->
                <!--<td><label>6</label></td>-->
                <!--<td><label>a4老师</label></td>-->
                <!--<td><label>男</label></td>-->
                <!--<td><label>教授</label></td>-->
                <!--<td><label>13714791078</label></td>-->
                <!--<td><a id="edit6" href="#">编辑</a></td>-->
                <!--<td><a href="#">删除</a></td>-->
            <!--</tr>-->
            <!--<tr >-->
                <!--<td><label>7</label></td>-->
                <!--<td><label>a5老师</label></td>-->
                <!--<td><label>男</label></td>-->
                <!--<td><label>教授</label></td>-->
                <!--<td><label>13714791078</label></td>-->
                <!--<td><a id="edit7" href="#">编辑</a></td>-->
                <!--<td><a href="#">删除</a></td>-->
            <!--</tr>-->
            <!--<tr>-->
                <!--<td><label>8</label></td>-->
                <!--<td><label>a22老师</label></td>-->
                <!--<td><label>男</label></td>-->
                <!--<td><label>教授</label></td>-->
                <!--<td><label>13714791078</label></td>-->
                <!--<td><a id="edit8" href="#">编辑</a></td>-->
                <!--<td><a href="#">删除</a></td>-->
            <!--</tr>-->
            <!--<tr>-->
                <!--<td><label>9</label></td>-->
                <!--<td><label>a11老师</label></td>-->
                <!--<td><label>男</label></td>-->
                <!--<td><label>教授</label></td>-->
                <!--<td><label>13714791078</label></td>-->
                <!--<td><a id="edit9" href="#">编辑</a></td>-->
                <!--<td><a href="#">删除</a></td>-->
            <!--</tr>-->
            <!--<tr>-->
                <!--<td><label>10</label></td>-->
                <!--<td><label>a222老师</label></td>-->
                <!--<td><label>女</label></td>-->
                <!--<td><label>教授</label></td>-->
                <!--<td><label>13714791078</label></td>-->
                <!--<td><a id="edit10" href="#">编辑</a></td>-->
                <!--<td><a href="#">删除</a></td>-->
            <!--</tr>-->
            <!--<tr>-->
                <!--<td><label>5</label></td>-->
                <!--<td><label>az老师</label></td>-->
                <!--<td><label>男</label></td>-->
                <!--<td><label>教授</label></td>-->
                <!--<td><label>13714791078</label></td>-->
                <!--<td><a id="edit5" href="#">编辑</a></td>-->
                <!--<td><a href="#">删除</a></td>-->
            <!--</tr>-->
            <!--<tr>-->
                <!--<td><label>6</label></td>-->
                <!--<td><label>a4老师</label></td>-->
                <!--<td><label>男</label></td>-->
                <!--<td><label>教授</label></td>-->
                <!--<td><label>13714791078</label></td>-->
                <!--<td><a id="edit6" href="#">编辑</a></td>-->
                <!--<td><a href="#">删除</a></td>-->
            <!--</tr>-->
            <!--<tr>-->
                <!--<td><label>7</label></td>-->
                <!--<td><label>a5老师</label></td>-->
                <!--<td><label>男</label></td>-->
                <!--<td><label>教授</label></td>-->
                <!--<td><label>13714791078</label></td>-->
                <!--<td><a id="edit7" href="#">编辑</a></td>-->
                <!--<td><a href="#">删除</a></td>-->
            <!--</tr>-->
            <!--<tr>-->
                <!--<td><label>8</label></td>-->
                <!--<td><label>a22老师</label></td>-->
                <!--<td><label>男</label></td>-->
                <!--<td><label>教授</label></td>-->
                <!--<td><label>13714791078</label></td>-->
                <!--<td><a id="edit8" href="#">编辑</a></td>-->
                <!--<td><a href="#">删除</a></td>-->
            <!--</tr>-->
            <!--<tr>-->
                <!--<td><label>9</label></td>-->
                <!--<td><label>a11老师</label></td>-->
                <!--<td><label>男</label></td>-->
                <!--<td><label>教授</label></td>-->
                <!--<td><label>13714791078</label></td>-->
                <!--<td><a id="edit9" href="#">编辑</a></td>-->
                <!--<td><a href="#">删除</a></td>-->
            <!--</tr>-->
            <!--<tr>-->
                <!--<td><label>10</label></td>-->
                <!--<td><label>a222老师</label></td>-->
                <!--<td><label>女</label></td>-->
                <!--<td><label>教授</label></td>-->
                <!--<td><label>13714791078</label></td>-->
                <!--<td><a id="edit10" href="#">编辑</a></td>-->
                <!--<td><a href="#">删除</a></td>-->
            <!--</tr>-->
            <!--<tr>-->
                <!--<td><label>10</label></td>-->
                <!--<td><label>a222老师</label></td>-->
                <!--<td><label>女</label></td>-->
                <!--<td><label>教授</label></td>-->
                <!--<td><label>13714791078</label></td>-->
                <!--<td><a id="edit10" href="#">编辑</a></td>-->
                <!--<td><a href="#">删除</a></td>-->
            <!--</tr>-->
            <!--</tbody>-->
    <!--</table>-->


    <script src="public/js/paginator.js"></script>
    <script>
        $('#dataList1').paginator({pagingCount:30});
        $('#tasd').paginator();
    </script>
</body>
</html>


paginator插件属性还有一个tableStyle,如:$('#tasd').paginator({'tableStyle:'table table-responsitivetable-bordered table-hover table-striped'});


下载链接

猜你喜欢

转载自blog.csdn.net/BAStriver/article/details/72228989