对动态添加的列使用tablesorter.js ColumnSelector

<script src="jquery.min.js"></script>
<script src="jquery.tablesorter.min.js"></script>
<script src="jquery.tablesorter.widgets.min.js"></script>

<table id="myTable" class="tablesorter">
  <thead>
    <tr>
      <th>列1</th>
      <th>列2</th>
      <th>列3</th>
      <!-- 添加一个空的th标签，用于显示ColumnSelector插件的复选框 -->
      <th></th>
    </tr>
  </thead>
  <tbody>
    <!-- 表格数据 -->
  </tbody>
</table>

$(document).ready(function() {
  $("#myTable").tablesorter({
    widgets: ['zebra', 'columnSelector'],
    widgetOptions: {
      columnSelector_container: $('#myTable'),
      columnSelector_columns: {
        0: 'disable' // 禁用第一列的排序
      },
      columnSelector_saveColumns: true,
      columnSelector_layout: '<label><input type="checkbox">{name}</label>',
      columnSelector_name: 'data-name'
    }
  });
});