jquery的datatable插件

使用命令：npm install datatables.net
安装插件

在文件中引入

import $ from 'jquery'
import 'datatables.net';
1
2

使用

            $(document).ready(function() {
              $('#myTableId').DataTable({
                paging: false, // 禁用分页样式
                searching: false, // 禁用搜索样式
                info: false, // 禁用信息样式
                language: {
                  emptyTable: "暂无数据", // 自定义空表格信息
                },
              })
            });
1
2
3
4
5
6
7
8
9
10

使用如上方法，可以让jquery tr td拼成的表格实现点击表头排序的功能

function setAreaContent(obj) {
  var content = ''
  content +=``
   content +=''for(let index =0; index < obj.Result.length; index++){const objData = obj.Result[index]
    content +=''}
  content +='

    

      
姓名
      
卡号
      
部门
      
工种
    
 

     
    
      
' +
      objData.姓名 +
      '
' +
      objData.卡号 +
      '
' +
      objData.部门 +
      '
' +
      objData.工种 +
      '
   
'
  return content
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

写的比较乱，仅为自己记录