<!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(二)的更多相关文章

  1. 分享在MVC3.0中使用jQuery DataTable 插件

    前不久在网络上看见一个很不错的jQuery的DataTable表格插件.后来发现在MVC中使用该插件的文章并不多.本文将介绍在MVC3.0如何使用该插件.在介绍该插件之前先简单介绍一下,推荐该插件的原 ...

  2. JQuery Datatable用法

    原文出处:http://sgyyz.blog.51cto.com/5069360/1408251 目标: 使用jQuery Datatable构造数据列表,并且增加或者隐藏相应的列,已达到数据显示要求 ...

  3. jQuery Datatable 转载

    jQuery Datatable 实用简单实例 时间 2014-05-08 10:44:18  51CTO推荐博文 原文  http://sgyyz.blog.51cto.com/5069360/14 ...

  4. 使用jquery.datatable.js注意事项

    本文链接:https://blog.csdn.net/ylg01/article/details/76463908写在最前面的话,如果不是维护老项目或者在老项目上二次开发尽量不要用这个表格插件 为什么 ...

  5. jquery datatable使用简单示例

    目标: 使用 jQuery Datatable 构造数据列表,并且增加或者隐藏相应的列,已达到数据显示要求.同时, jQuery Datatable 强大的功能支持:排序,分页,搜索等. Query ...

  6. jquery dataTable汉化（插件形式）

    1.jquery dataTable.js 官网:http://datatables.net/ 中文:http://dt.thxopen.com/ 2.汉化提示信息(放到xx.js中,引入即可) 注: ...

  7. JQuery Datatable Ajax请求两次问题的解决

    最近一个项目中使用JQuery Datatable,用起来比较方便,但在测试过程中,发现当条件改变时,有时查询结果中的数据不正确. 使用FireBug跟踪时,发现在使用Ajax请求时,点击一次搜索按钮 ...

  8. jQuery DataTable 删除数据后重新加载

    问题描述: 利用jQuery Datatable和artTemplate组合来做的表格.但是当删除数据时,需要重新加载table里的数据.但是问题是datatable并没有直接的重新渲染,反而给数据累 ...

  9. 微信生成二维码 只需一个网址即刻 还有jquery生成二维码

    <div class="orderDetails-info"> <img src="http://qr.topscan.com/api.php?text ...

随机推荐

  1. [No00002D] “大学生还不如农民工”背后的“身份教育”困境

    日前,北京大学市场与媒介研究中心与赶集网联合发布了<90后毕业生饭碗报告>.而这份来自35万余份有效问卷的报告显示,今年应届毕业生平均起薪每月2443元,仅够买半部苹果手机,其中北京地区平 ...

  2. eclipse无法导入Android工程的现象与解决办法

    最近在新导入一个Android工程时遇见了已有工程无法导入的情况.具体的现象就是每次导入时的导入窗口很快消失,而在eclipse的package explorer中却没有增加新导入的工程文件夹,没有其 ...

  3. JavaScript Boolean 对象

    JavaScript Boolean 对象 Boolean 对象 Boolean 对象用于转换一个不是 Boolean 类型的值转换为 Boolean 类型值 (true 或者false). Bool ...

  4. phantomjs模拟登录

    最近在做一些公司其他部门系统的后台模拟操作,但由于那边的系统最开始是外包给其他公司开发的,现在那边的开发也不知道有些post的参数是如何生成的.于是想考察下是不是可以把phantomjs这个工具给加进 ...

  5. Js多国时间动态更新

    Js多国时间动态更新 点击下载

  6. 将packages/apps/下的app导入eclipse

    当刚接触android自带的一个模块时,如何去熟悉它?相信不少人第一步都会尝试着去了解其内容的调用流程,而此时若能够单步调试则显得非常重要了,于是有了文章标题所说的尝试. 作者这里要导入的是Setti ...

  7. C语言 memset函数盲点

    #include <stdio.h> #include <stdlib.h> #include <string.h> struct packet { int len ...

  8. 数据字典生成工具之旅(4)：NPOI操作EXECL

    这篇会介绍NPOI读写EXECL,读写EXECL的组件很多,可以使用微软自己的COM组件EXECL.exe读写,不过这种方式限制很大. 1:客户环境必须装Office(虽然现在机子上不装Office的 ...

  9. Python2.6-原理之类和oop（上）

    来自<python学习手册第四版>第六部分 一.oop:宏伟蓝图(26章) 在这之前的部分中,经常会使用"对象"这个词,其实,到目前为止都是以对象为基础的,在脚本中传递 ...

  10. Bootstrap系列 -- 9. 表格

    一. Bootstrap 表格样式支持 Bootstrap提供了六种不同风格的样式支持,其中一个基础样式,4个附件样式,1个响应式设计样式 1. .table:基础表格 2. .table-strip ...