AdminLTE组件之表格DataTable

您所在的位置：网站首页 › AdminLTE2柱状图 › AdminLTE组件之表格DataTable

AdminLTE组件之表格DataTable

2023-10-31 11:41| 来源: 网络整理| 查看: 265

html内容：

表格大标题列标题列标题内容内容

js部分：

首先要引入AdminLTE的基本文件及表格有关的文件：

表格有关文件：

js代码方面：默认都是开启，如果是向开启，则需要进行设置。 $(function () { $('#example1').DataTable({ 'paging': false, //关闭页码 'lengthChange': false,//关闭每页显示多少个选项 'info':false,//关闭页码底端信息 'searching':false,//关闭搜索栏 'ordering':false//关闭列排序 });

由于页面都是英文显示，所以也可以对表格的字进行修改： $('#example1').DataTable( { "pagingType": "full_numbers", //显示尾页和首页 "language": { //"info": "当前第_PAGE_页，共 _PAGES_页", "sInfo": "当前显示第 _START_ 到第 _END_ 条，共 _TOTAL_ 条", "sInfoFiltered": "(从_MAX_条筛选 )", "sInfoEmpty": "共筛选到0条", "sSearch": "搜索:", "sLengthMenu": "每页显示 _MENU_ 条", "sZeroRecords": "未筛选到相关内容", "paginate": { "sFirst": "首页", //首页和尾页必须在pagingType设为full_numbers时才可以 "sLast": "尾页", "sPrevious": "上一页", "sNext": "下一页", "first": "First page", "last": "Last page", "next": "Next page", "previous": "Previous page" } } } ); })

更多参见：https://datatables.net/examples/styling/bootstrap.html

【本文地址】

AdminLTE组件之表格DataTable

AdminLTE组件之表格DataTable

今日新闻

推荐新闻