datatables的基本使用

伊兰特佩斯

于 2022-02-08 11:13:30 发布

阅读量468

点赞数

分类专栏： datatables js 前端文章标签： jquery javascript css

本文链接：https://blog.youkuaiyun.com/J2778322217/article/details/122820251

版权

datatables 同时被 3 个专栏收录

1 篇文章

订阅专栏

1 篇文章

订阅专栏

前端

1 篇文章

订阅专栏

本文介绍如何在Datatables中实现后台数据的渲染和自定义搜索功能，利用jQuery、JavaScript和CSS进行交互与样式设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<link rel="stylesheet" type="text/css" href="http://cdn.datatables.net/1.10.21/css/jquery.dataTables.css">

<script type="text/javascript" charset="utf8" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript" charset="utf8" src="http://cdn.datatables.net/1.10.21/js/jquery.dataTables.js"></script>

后台数据渲染

<script>
    $(document).ready( function () {
        $('#table_id_example').DataTable({
            aLengthMenu:[1,2,3,4,5],
            serverSide:true,
            ajax:'/user',
            columns:[
                {data:'aaa'},
                {data:'id'},
                {data:'name'},
                {data:'sex'},
                {data:'tel'},
                {data:'email'},
                {data:'area'},
                {data:'bbb'},
            ],

        });
    } );
</script>

自定义搜索