datable
     $("#table_d").append("<table id='dmglTable' class='table table-striped table-hover table-bordered dataTable no-footer dtr-inline'></table>");
        var zwkmzdTable = $("#dmglTable").dataTable({
            serverSide: true,
            responsive: true,
            processing:true,
            autoWidth: true,//自动计算列宽
            deferRender: true,//设置延迟渲染,提高效率用
            draw:false,
            order: [ 1, 'asc' ],
            ajax: {
                url: "dmgl/getDmglInfoData",
                type: "POST",
                data : function(d) {
                    var sentJson = GET_SENT_JSON(d);
                    //追加数据 sentJson.name=22
                    return sentJson;
                },
                error: function (e) {
                    ALERT_ERROR(zwkmzdTable,e);
                },
            },
            lengthMenu: PAGELENGTH,
            "language": LANGUAGESETTING,
            oLanguage: {//多语言配置
                "sSearchPlaceholder": "科目编号、名称",//搜索框内占位符
                "sSearch": "检索:",//搜索框前的字体
                "sProcessing": "正在加载中......",
                "sLengthMenu": "每页显示 _MENU_ 条记录",
                "sZeroRecords": "对不起,查询不到相关数据!",
                "sEmptyTable": "表中无数据存在!",
                "sInfo": "当前显示 _START_ 到 _END_ 条,共 _TOTAL_ 条记录",
                "sInfoEmpty": "没有记录可以显示",
                "sInfoFiltered": "数据表中共为 _MAX_ 条记录",
                "oPaginate": {
                    "sFirst": "首页",
                    "sPrevious": "上一页",
                    "sNext": "下一页",
                    "sLast": "末页"
                }
            },
            columnDefs : [
                { "targets": 0 ,"name":"kmbh","title": "","width": "2%"},
                { "targets": 1 ,"name":"kmbh","title": "科目编号","width": "10%"},
                { "targets": 2 ,"name":"kmmc","title": "科目名称" ,"width": "15%"},
                { "targets": 3 ,"name":"kmsx","title": "科目属性" ,"width": "5%"}
            ],
            columns: [
                {
                    "className":      'details-control',
                    "orderable":      false,
                    "data":           null,
                    "defaultContent": ''
                },
                { data: 'kmbh'},
                { data: 'kmmc'},
                { 'data': function(value){
                      var kmsx = value.kmsx;
                      if (kmsx == 1) {
                          return '资产';
                      } else if(kmsx == 2){
                          return '负债';
                      } else if(kmsx == 3){
                          return '净资产';
                      } else if(kmsx == 4){
                          return '收入';
                      } else if(kmsx == 5){
                          return '支出';
                      } else if(kmsx == 6){
                          return '预算';
                      }else{
                          return ' ';
                      }
                  }
         },
            ]
        });
        $('#dmglTable tbody tr').die().live('click', function() {
            var tr = $(this).closest('tr')
            var row = $('#dmglTable').DataTable().row(this)
            if ( row.child.isShown() ) {
                row.child.hide();
                tr.removeClass('shown');
//                tr.children("td.details-control").children("i").attr('class','fa fa-plus-square');
            }
            else {
                row.child( format(row.data()) ).show();
                tr.next().children("td").css({"padding": "0px"});
                tr.addClass('shown');
//                tr.children("td.details-control").children("i").attr('class','fa fa-minus-square');
            }
        });
        //鼠标移动添加背景颜色
        mouseEvent("dmglTable");
    };
    function format (d) {
        var wbhs;
        var bmhs;
        var xmhs;
        return '<table class="table table-striped table-hover table-bordered  no-footer1 dtr-inline"  style="margin-bottom: 0px">'+
        '</tr>'+
            '<td style="border: 0px solid #ddd;text-align:right;width: 10%">外币核算:</td>'+
            '<td style="border: 0px solid #ddd;text-align:left;width: 8%">'+wbhs+'</td>'+
            '<td style="border: 0px solid #ddd;text-align:right;width: 8%">外币编号:</td>'+
            '<td style="border: 0px solid #ddd;text-align:left;width: 8%">'+wbbh+'</td>'+
            '<td style="border: 0px solid #ddd;text-align:right;width: 8%">部门核算:</td>'+
            '<td style="border: 0px solid #ddd;text-align:left;width: 8%">'+bmhs+'</td>'+
        '</tr>'+
        '</table>';
    }
datable的更多相关文章
- net Datable 基本操作
		
net Datable 基本操作 using System; using System.Collections.Generic; using System.Text; using System.Dat ...
 - C# 使用NPOI   处理Excel(Datable与Excel相互转换)
		
VS上有自带的程序集可以读取,但是总是会出现这样或那样的问题,让人恨得牙疼!而且效率太慢了.用NPOI就好多了,比较快,而且稳定,还简单,引用相应的程序集就好了. Excel转换成Datable pr ...
 - JSon转化为DaTable
		
/// <summary> /// 将json转换为DataTable /// </summary> /// <param name="strJson" ...
 - C#删除datable空行
		
//去除dataTable空行 public DataTable RemoveEmpty(DataTable dt) { List<DataRow> removelist = new Li ...
 - c#常用的Datable转换为json,以及json转换为DataTable操作方法
		
#region DataTable 转换为Json字符串实例方法 /// <summary> /// GetClassTypeJosn 的摘要说明 /// </summary> ...
 - 获取datable中某行某列的数据
		
假设该DataTable有5行和两个字段“Name”,“Phone”, 我如何访问第3行的“Phone”字段的值. DataTable.Rows[2][1].ToString() DataTable. ...
 - datable-默认参数列表
		
1 options { 'paging': false, 'scrollY': true, 'scrollX': true, 'scrollCollapse': false, 'ordering': ...
 - npoi实现 从固定的行读取数据作为表头并返回datable
		
using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.D ...
 - Datable 排序
		
if(dt.Columns.IndexOf("name") != -1) //存在这个字段 { dt.DefaultView.Sort = "name asc" ...
 - Datable 详解,及用法
		
一.DataSet.DataTable.DataRow.DataColumn 1] 在DataSet中添加DataTable DataSet.Tables.Add(DataTable) 实例: Dat ...
 
随机推荐
- 编程与算法中的端点问题(linspace(a, b, n),endpoint)
			
左闭右开,[0, n) ⇒ [0, n-1],共 n 个元素: 1. 列表长与编号 列表(seq,也可以是数组等线性结构)的长度要比末尾元素的编号多 1,比如一个列表内含有 5 个元素,最后一个元素的 ...
 - vue引入swiper  vue使用swiper  vue脚手架使用swiper /引入js文件/引入css文件
			
vue引入swiper vue使用swiper vue脚手架使用swiper /引入js文件/引入css文件 ------------------------------------------- ...
 - fatal error C1003:  error count exceeds number; stopping compilation解决方法
			
[error]C1003: error count exceeds 100; stopping compilation ...winnt.h 在项目工程中添加#include<windows.h ...
 - MHA+ProxySQL 读写分离高可用
			
文档结构如下: 1.ProxySQL说明 ProxySQL是mysql的一款中间件的产品,是灵活的mysql代理层,可以实现读写分离,支持query路由器的功能,支持动态指定sql进行缓存,支持动态加 ...
 - 51nod 1021 石子归并 (动态规划 简单代码)
			
题目: 思路:动态规划,递推式子 dp[i][j] = min(dp[i][j], dp[i][k] + dp[k+1][j] + sum[j] - sum[i-1]); dp[i][j]表示 ...
 - Mysql数据库批量添加数据
			
1.目的: 用于向Mysql表中批量插入数据 2.过程: 3.语句 #删除已有存储过程 DROP PROCEDURE if exists insertdata; #设定命令行出现//后再执行语句 de ...
 - *hiho 1475 - 数组拆分,dp,由N^2降到NlogN
			
题目链接 描述 小Ho得到了一个数组作为他的新年礼物,他非常喜欢这个数组! 在仔细研究了几天之后,小Ho成功的将这个数组拆成了若干段,并且每段的和都不为0! 现在小Ho希望知道,这样的拆分方法一共有多 ...
 - 在vue组件中style scoped中遇到的坑
			
在uve组件中我们我们经常需要给style添加scoped来使得当前样式只作用于当前组件的节点.添加scoped之后,实际上vue在背后做的工作是将当前组件的节点添加一个像data-v-1233这样唯 ...
 - html5学习之第一步:认识标签,了解布局
			
图1. Acme United的网页的规划 Header区的例子包含了页面标题和副标题,< header>标签被用来创建页面的Header区的内容.除了网页本身之外,< header ...
 - Docker中免去sudo的设置方法
			
Add the docker group if it doesn't already exist: sudo groupadd docker Add the connected user " ...