php+bootstrap+dataTable+jquery分页列表

发布时间:2020-07-08 10:07:10 作者:move__on
来源:网络 阅读:654

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<script src="jquery-1.8.3.min.js" type="text/javascript"></script>

<script>

$(document).ready(function(){

    $("#table_local").dataTable({

                         "bSort":true,

"bAutoWidth": false,

"bFilter":true,

"bInfo":true,

"bJQueryUI":false,

//配合使用 全都是true的时候开启

"bLengthChange":true,

"bPaginate":true,

//配合使用

   "bScrollInfinite": true,

"bScrollCollapse": true,

       "sScrollY": "",

//配合使用

"sScrollX": "100%",//disabled or 100% 其实只要不是空,就算是123也会出现效果

"sScrollXInner": "100%",

//保存客户端信息在cookie里,了解

"bStateSave":true,

//这个为选择每页的条目数,当使用一个二维数组时,二维层面只能有两个元素,第一个为显示每页条目数的选项,第二个是关于这些选项的解释

//"aLengthMenu":[5,10,20,50,100],

//"aLengthMenu":[[10, 25, 30, -1],[10, 25, "三十", "All"]],

"iCookieDuration":10,

//默认分页条数

//iDisplayStart 从第几行开始显示数据

"iDisplayLength":34,

//'full_numbers' or 'two_button', default 'two_button' 用于指定分页器风格

//"sPaginationType":'two_button',

//第0列降序排列

"aaSorting": [[0,"desc"]],

//隐藏某些列

/* "aoColumnDefs": [{" bSearchable": false, "bVisible": false, "aTargets": [ 2 ]},{ "bVisible": false, "aTargets": [ 3 ] }], */

// language: {

// lengthMenu: '<select class="form-control input-xsmall">' + '<option value="1">1</option>' + '<option value="10">10</option>' + '<option value="20">20</option>' + '<option value="30">30</option>' + '<option value="40">40</option>' + '<option value="50">50</option>' + '</select>条记录',//左上角的分页大小显示。

// search: '<span class="label label-success">搜索:</span>',//右上角的搜索文本,可以写html标签


// paginate: {//分页的样式内容。

// previous: "上一页",

// next: "下",

// first: "第一",

// last: "最后"

// },


// zeroRecords: "没有内容",//table tbody内容为空时,tbody的内容。

//下面三者构成了总体的左下角的内容。

// info: "总共_PAGES_ 页,显示第_START_ 到第 _END_ ,筛选之后得到 _TOTAL_ 条,初始_MAX_ 条 ",//左下角的信息显示,大写的词为关键字。

// infoEmpty: "0条记录",//筛选为空时左下角的显示。

// infoFiltered: ""//筛选之后的左下角筛选提示,

// },

});

});

</script>

<link rel="stylesheet" type="text/css" href="/km/media/css/dataTables.bootstrap.min.css">

<link rel="stylesheet" type="text/css" href="/km/media/css/font-awesome.min.css">

<link rel="stylesheet" type="text/css" href="/km/media/css/bootstrap.min.css">

<link rel="stylesheet" type="text/css" href="/km/media/css/button.css">

<!--[if IE 7]>

<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome-ie7.min.css">

<![endif]-->

<script type="text/javascript" src="/km/media/js/jquery.dataTables.min.js"></script>

<script type="text/javascript" src="/km/media/js/dataTables.bootstrap.js"></script>

</head>


<div class="panel panel-default">

    <div class="panel-heading">

        <div class="panel-title">

           <? echo iconv("gb2312","UTF-8"," 绩效转移单查询")  ?>

        </div>

    </div>

    <div class="panel-body">

        <table id="table_local" class="table table-bordered table-striped table-hover">

            <thead>

                <tr align=center>

<th align=center><font color=black><? echo iconv("gb2312","UTF-8","申请单号")  ?>

     <th align=center><font color=black><? echo  iconv("gb2312","UTF-8","申请人") ?>

<th align=center><font color=black><? echo iconv("gb2312","UTF-8","申请部门") ?>

<th align=center><font color=black><? echo iconv("gb2312","UTF-8","申请日期") ?>

<th align=center><font color=black><? echo iconv("gb2312","UTF-8","转出单位") ?>

<th align=center><font color=black><? echo iconv("gb2312","UTF-8","转移科目") ?>

<th align=center><font color=black><? echo  iconv("gb2312","UTF-8","申请金额") ?>

<th align=center><font color=black><? echo iconv("gb2312","UTF-8","承认金额") ?>

<th align=center><font color=black><? echo  iconv("gb2312","UTF-8","签核者") ?>

        </tr>

 </thead>


<tbody>

<?php


$sql="select distinct a.exp_no,a.create_user,name(a.create_user),a.create_date,a.dept_no,a.acc_name,tot_amt1,tot_amt2,b.flow_code,a.form_key   from exp_main a,flow b 

              e a.form_key=b.form_key  order by a.exp_no desc"; 

#echo "$sql";

$stmt=$dbh->prepare("$sql"); 

$stmt->execute() || die("error");

$i=0;

        while(list($exp_no,$exp_man,$exp_man_name,$create_date,$dept_no,$acc_name,$tot_amt1,$tot_amt2,$flow_code,$form_key)=$stmt->fetch()){  


     list($flow_code)=field("select flow_code from it.flow where form_key=$form_key");

$current_user2='';

       if($flow_code=='Z')

$current_user2=iconv("gb2312","UTF-8","结案");

elseif($flow_code=='C')

{

$child_sql="select form_key from workflow_subflow where parent_key='$form_key' and reply_flag='N'";

$chis=$dbh->prepare("$child_sql");

$chis->execute()|| die("chile_err");


for($j=0;list($child_key)=$chis->fetch();$j++)

 {

  #if($form_key=='100001245685'){ echo "$child_key,$current_user2".'<br>';}

  list($current_user1)=fields("select distinct current_user from it.subflow where form_key='$child_key'");

  $current_n[$j]=iconv("gb2312","UTF-8",name($current_user1));

  $current_user2=$current_user2."($current_user1)".$current_n[$j];

  

 }

 $current_user2=iconv("gb2312","UTF-8",'会签中').$current_user2;

}

       else

{

 list($current_user1,$current_user1name)=fields("select current_user,name(current_user) from it.subflow where form_key=$form_key");

 $current_user2="($current_user1)".iconv("gb2312","UTF-8",$current_user1name);

}

 

 

 $sel="select get_depart_name(get_depart('$exp_man')),get_depart('$exp_man') from dual";

      $stc=$dbh->prepare("$sel");

      $stc->execute()||die("申请人部门 error");  

      list($depart_name,$getdepart)=$stc->fetch();

 

$str1="select  acc_depart_name from acc_gl_depart where acc_depart_no='$dept_no'";

list($dep_name)=fields("$str1"); 

    

$acc_name=iconv("gb2312","UTF-8",$acc_name);

      echo "<tr><td align=center id=$setcolor>$exp_no

         <td align=center id=$setcolor>$exp_man-".iconv("gb2312","UTF-8",$exp_man_name)."

<td align=center id=$setcolor>$getdepart-".iconv("gb2312","UTF-8",$depart_name)."

            <td align=center id=$setcolor>$create_date

<td align=center id=$setcolor>$dept_no-".iconv("gb2312","UTF-8",$dep_name)."

            <td align=center id=$setcolor>$acc_name

<td align=center id=$setcolor>$tot_amt1

<td align=center id=$setcolor>$tot_amt2

            <td align=center id=$setcolor><font size=$size>$current_user2</font>";

      echo "</td>";

      $i=$i+1;

   }

?>




 </div>

</div>



</body>


</html>









推荐阅读:
  1. TP 手机列表页下拉加载 没有分页
  2. 如何利用VUE框架实现列表分页功能

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

php data bootstrap

上一篇:MySQL中删除重复记录

下一篇:字典及datetime模块

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》