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

在文件中引入

javascript">import $ from 'jquery'
import 'datatables.net';

使用

javascript">            $(document).ready(function() {
              $('#myTableId').DataTable({
                paging: false, // 禁用分页样式
                searching: false, // 禁用搜索样式
                info: false, // 禁用信息样式
                language: {
                  emptyTable: "暂无数据", // 自定义空表格信息
                },
              })
            });

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

javascript">function setAreaContent(obj) {
  var content = '<table id="myTableId" style="width:100%">'
  content +=
    `<thead><tr>
      <th class = "table_head">姓名<i class="el-icon-sort"/></th>
      <th class = "table_head">卡号<i class="el-icon-sort"/></th>
      <th class = "table_head">部门<i class="el-icon-sort"/></th>
      <th class = "table_head">工种<i class="el-icon-sort"/></th>
    </tr></thead>`
   content += '<tbody>'
  for (let index = 0; index < obj.Result.length; index++) {
    const objData = obj.Result[index]
    content +=
      '<tr style="height:20px;line-height:20px"><td class="table_info" >' +
      objData.姓名 +
      '</td><td class="table_info">' +
      objData.卡号 +
      '</td><td class="table_info">' +
      objData.部门 +
      '</td><td class="table_info">' +
      objData.工种 +
      '</td></tr>'
  }
  content += '</tbody></table>'
  return content
}

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