jquery datatable(二)

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <link href="..//javascript/datatables-1.10.8/media/css/jquery.datatables.min.css" rel="stylesheet" />
    <link href="..//javascript/datatables-1.10.8/media/css/datatables.jqueryui.min.css" rel="stylesheet" />
    <link href="..//javascript/datatables-1.10.8/media/css/datatables.foundation.min.css" rel="stylesheet" />
    <link href="..//javascript/datatables-1.10.8/media/css/datatables.bootstrap.min.css" rel="stylesheet" />
    <script src="..//javascript/datatables-1.10.8/media/js/jquery.js"></script>
    <script src="..//javascript/datatables-1.10.8/media/js/jquery.datatables.min.js"></script>
    <script src="..//javascript/datatables-1.10.8/media/js/datatables.jqueryui.min.js"></script>
    <script src="..//javascript/datatables-1.10.8/media/js/datatables.foundation.min.js"></script>
    <script src="..//javascript/datatables-1.10.8/media/js/datatables.bootstrap.min.js"></script>

</head>
<body>
    <table id="tb1">
        <thead><tr><th>编号</th><th>姓名</th></tr></thead>
    </table>

    <script type="text/javascript">
        $("#tb1").dataTable({
            "bAutoWidth": false,//自适应宽度
            "aaSorting": [[1, "asc"]],
            "sPaginationType": "full_numbers",
            "oLanguage": {
                "sProcessing": "正在加载...",
                "sLengthMenu": "每页显示_MENU_条记录",
                "sZeroRecords": "对不起，查询不到相关数据",
                "sEmptyTable": "数据表中共_MAX_条记录",
                "sSearch": "搜索",
                "oPaginate":
                    {
                        "sFirst": "首页",
                        "sPrevious": "上一页",
                        "sNext": "下一页",
                        "sLast": "末页"
                    }
            },//多语言配置

            "bProcessing": true,
            "bDestroy": true,
            "columns":
                [
                    { "data": "id"},
                    { "data": "name" }
                ],
            "data":[
                {"id":"xx","name":"sdf"}
            ]
        });
    </script>
</body>
</html>

jquery datatable(二)的更多相关文章

分享在MVC3.0中使用jQuery DataTable 插件
前不久在网络上看见一个很不错的jQuery的DataTable表格插件.后来发现在MVC中使用该插件的文章并不多.本文将介绍在MVC3.0如何使用该插件.在介绍该插件之前先简单介绍一下,推荐该插件的原 ...
JQuery Datatable用法
原文出处:http://sgyyz.blog.51cto.com/5069360/1408251 目标: 使用jQuery Datatable构造数据列表,并且增加或者隐藏相应的列,已达到数据显示要求 ...
jQuery Datatable 转载
jQuery Datatable 实用简单实例时间 2014-05-08 10:44:18 51CTO推荐博文原文 http://sgyyz.blog.51cto.com/5069360/14 ...
使用jquery.datatable.js注意事项
本文链接:https://blog.csdn.net/ylg01/article/details/76463908写在最前面的话,如果不是维护老项目或者在老项目上二次开发尽量不要用这个表格插件为什么 ...
jquery datatable使用简单示例
目标: 使用 jQuery Datatable 构造数据列表,并且增加或者隐藏相应的列,已达到数据显示要求.同时, jQuery Datatable 强大的功能支持:排序,分页,搜索等. Query ...
jquery dataTable汉化（插件形式）
1.jquery dataTable.js 官网:http://datatables.net/ 中文:http://dt.thxopen.com/ 2.汉化提示信息(放到xx.js中,引入即可) 注: ...
JQuery Datatable Ajax请求两次问题的解决
最近一个项目中使用JQuery Datatable,用起来比较方便,但在测试过程中,发现当条件改变时,有时查询结果中的数据不正确. 使用FireBug跟踪时,发现在使用Ajax请求时,点击一次搜索按钮 ...
jQuery DataTable 删除数据后重新加载
问题描述: 利用jQuery Datatable和artTemplate组合来做的表格.但是当删除数据时,需要重新加载table里的数据.但是问题是datatable并没有直接的重新渲染,反而给数据累 ...
微信生成二维码只需一个网址即刻还有jquery生成二维码
<div class="orderDetails-info"> <img src="http://qr.topscan.com/api.php?text ...

随机推荐

Javascript Window的属性
Window的属性属性描述 closed 获取引用窗口是否已关闭. defaultStatus 设置或获取要在窗口底部的状态栏上显示的缺省信息. dialogArguments 设置或获取传递给模 ...
Linq语法详细（转）
原文地址:http://www.cnblogs.com/knowledgesea/p/3897665.html 开门见山读这篇文章之前,我先说下,每一种搜索结果集,我都以三种方式变现出来,为啦更好的 ...
FSL - MELODIC
Source: http://fsl.fmrib.ox.ac.uk/fsl/fslwiki/MELODIC; https://fsl.fmrib.ox.ac.uk/fsl/fslwiki/MELODI ...
Html5 Egret游戏开发成语大挑战（七）游戏逻辑和数据处理
本篇在前面的基础上,将进行逻辑的编码开发让游戏能够正式的玩起来,这里没有注重太多的体验细节,而是直接实现游戏的规则逻辑,将分成两个部分说明:数据处理和游戏逻辑. 初始化游戏数据在前面的第五篇中,我们 ...
android 中退出程序的两种方式
转自:http://blog.sina.com.cn/s/blog_5da93c8f0100t76l.html 思考:如何安全的退出程序? finish是Activity的类,仅仅针对Activity ...
ASP.NET MVC 多语言实现技巧最简、最易维护和最快速开发
说说传统做法的缺点 1.做过多语言的都知道这玩意儿太花时间 2.多语言架构一般使用资源文件.XML或者存储数据库来实现.这样就在一定程序上降低了性能 3.页面的可读性变差,需要和资源文件进行来回切换 ...
WebApiTestClient自定义返回值说明
WebApiTestClient是基于微软HelpPage一个客户端调试扩展工具,用来做接口调试比较方便.但是对返回值的自定义说明还是有缺陷的.有园友写过一篇文章,说可以通过对类进行注释,然后通过在I ...
js单选和复选框
http://blog.csdn.net/chelen_jak/article/details/44827393 http://www.gbtags.com/technology/jquerynews ...
MSSQL 问题集锦
[1]关于SQL Server数据库连接字符串的特殊参数说明 MultipleActiveResultSets和Mars_Connection同义,指定此数据库连接是否复用数据库内已建立的相同用户的连 ...
关于document.getElement获取元素返回值的问题
获取网页元素有很多种方法,如下: document.all[];返回HTMLElement对象 document.all.tags[];返回NodeList对象,类似数组 document.getEl ...

jquery datatable(二)

jquery datatable(二)的更多相关文章

随机推荐

热门专题