<table id="table" style="width: 1500px;max-width: 1500px">
  <thead>
  <tr>
    <th></th>
    <th><a href="#" data-sort-by="A">课程代码</a></th>
    <th><a href="#" data-sort-by="B">课程名称</a></th>
    <th><a href="#" data-sort-by="C">英文名</a></th>
    <th><a href="#" data-sort-by="D">开课院系</a></th>
    <th><a href="#" data-sort-by="E">学历层次</a></th>
    <th><a href="#" data-sort-by="F">学分</a></th>
    <th>审核状态</th>
    <th><a href="#" data-sort-by="H">更新时间</a></th>
    <th><a href="#" data-sort-by="I">开课院系</a></th>
    <th><a href="#" data-sort-by="J">学历层次</a></th>
    <th><a href="#" data-sort-by="K">学分</a></th>
    <th>审核状态</th>
    <th><a href="#" data-sort-by="L">更新时间</a></th>
    <th><a href="#" data-sort-by="M">学历层次</a></th>
    <th><a href="#" data-sort-by="N">学分</a></th>
    <th>审核状态</th>
    <th><a href="#" data-sort-by="O">更新时间</a></th>
  </tr>
  </thead>
  <tbody>
  <tr>
    <td><input type="checkbox" name="row.id" value="1"/></td>
    <td>0001210</td>
    <td>新闻写作技巧</td>
    <td>writting</td>
    <td>教研科</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
    <td>教研科</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="row.id" value="2"/></td>
    <td>0001210</td>
    <td>新闻写作技巧</td>
    <td>writting</td>
    <td>教研科</td>
    <td>本科</td>
    <td>3.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
    <td>教研科</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="row.id" value="2"/></td>
    <td>0001210</td>
    <td>新闻写作技巧</td>
    <td>writting</td>
    <td>教研科</td>
    <td>本科</td>
    <td>3.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
    <td>教研科</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="row.id" value="2"/></td>
    <td>0001210</td>
    <td>新闻写作技巧</td>
    <td>writting</td>
    <td>教研科</td>
    <td>本科</td>
    <td>3.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
    <td>教研科</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="row.id" value="2"/></td>
    <td>0001210</td>
    <td>新闻写作技巧</td>
    <td>writting</td>
    <td>教研科</td>
    <td>本科</td>
    <td>3.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
    <td>教研科</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="row.id" value="2"/></td>
    <td>0001210</td>
    <td>新闻写作技巧</td>
    <td>writting</td>
    <td>教研科</td>
    <td>本科</td>
    <td>3.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
    <td>教研科</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="row.id" value="2"/></td>
    <td>0001210</td>
    <td>新闻写作技巧</td>
    <td>writting</td>
    <td>教研科</td>
    <td>本科</td>
    <td>3.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
    <td>教研科</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="row.id" value="2"/></td>
    <td>0001210</td>
    <td>新闻写作技巧</td>
    <td>writting</td>
    <td>教研科</td>
    <td>本科</td>
    <td>3.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
    <td>教研科</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="row.id" value="2"/></td>
    <td>0001210</td>
    <td>新闻写作技巧</td>
    <td>writting</td>
    <td>教研科</td>
    <td>本科</td>
    <td>3.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
    <td>教研科</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="row.id" value="2"/></td>
    <td>0001210</td>
    <td>新闻写作技巧</td>
    <td>writting</td>
    <td>教研科</td>
    <td>本科</td>
    <td>3.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
    <td>教研科</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="row.id" value="2"/></td>
    <td>0001210</td>
    <td>新闻写作技巧</td>
    <td>writting</td>
    <td>教研科</td>
    <td>本科</td>
    <td>3.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
    <td>教研科</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="row.id" value="2"/></td>
    <td>0001210</td>
    <td>新闻写作技巧</td>
    <td>writting</td>
    <td>教研科</td>
    <td>本科</td>
    <td>3.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
    <td>教研科</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="row.id" value="2"/></td>
    <td>0001210</td>
    <td>新闻写作技巧</td>
    <td>writting</td>
    <td>教研科</td>
    <td>本科</td>
    <td>3.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
    <td>教研科</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="row.id" value="2"/></td>
    <td>0001210</td>
    <td>新闻写作技巧</td>
    <td>writting</td>
    <td>教研科</td>
    <td>本科</td>
    <td>3.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
    <td>教研科</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="row.id" value="2"/></td>
    <td>0001210</td>
    <td>新闻写作技巧</td>
    <td>writting</td>
    <td>教研科</td>
    <td>本科</td>
    <td>3.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
    <td>教研科</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="row.id" value="2"/></td>
    <td>0001210</td>
    <td>新闻写作技巧</td>
    <td>writting</td>
    <td>教研科</td>
    <td>本科</td>
    <td>3.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
    <td>教研科</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="row.id" value="2"/></td>
    <td>0001210</td>
    <td>新闻写作技巧</td>
    <td>writting</td>
    <td>教研科</td>
    <td>本科</td>
    <td>3.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
    <td>教研科</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="row.id" value="2"/></td>
    <td>0001210</td>
    <td>新闻写作技巧</td>
    <td>writting</td>
    <td>教研科</td>
    <td>本科</td>
    <td>3.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
    <td>教研科</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="row.id" value="2"/></td>
    <td>0001210</td>
    <td>新闻写作技巧</td>
    <td>writting</td>
    <td>教研科</td>
    <td>本科</td>
    <td>3.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
    <td>教研科</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="row.id" value="2"/></td>
    <td>0001210</td>
    <td>新闻写作技巧</td>
    <td>writting</td>
    <td>教研科</td>
    <td>本科</td>
    <td>3.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
    <td>教研科</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="row.id" value="2"/></td>
    <td>0001210</td>
    <td>新闻写作技巧</td>
    <td>writting</td>
    <td>教研科</td>
    <td>本科</td>
    <td>3.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
    <td>教研科</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="row.id" value="2"/></td>
    <td>0001210</td>
    <td>新闻写作技巧</td>
    <td>writting</td>
    <td>教研科</td>
    <td>本科</td>
    <td>3.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
    <td>教研科</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
    <td>本科</td>
    <td>2.0</td>
    <td>审核通过</td>
    <td>2014-07-22 17:26</td>
  </tr>

  </tbody>
</table>
<script>
  var $table = $("#table");
  $table.semiAutoTable({
    colOrderArrangable: true,
    colResizable: true,
    columnOption: {
      showColumnSelect: true
    },
    sortOption: {
      'A': 'asc',
      'B': 'desc'
    },
    menus: [
      {
        title: '上传',
        tooltip: 'tooltip',
        callback: function () {

        }
      },
      {
        title: '下载',
        callback: function () {
          console.log(JSON.stringify($table.semiAutoTable('getSelectedRows')));
        }
      },
      {
        id: 1,
        title: '删除',
        tag: '11'
      },
      {
        id: 3,
        title: '删除删除删除',
        tag: ''
      },
      {
        title: '删除删除删除',
        dropdowns: [
          {
            title: '删除1'
          },
          {
            title: '删除2'
          },
          {
            title: '删除2'
          }
        ]
      },
      {
        id: 2,
        title: '删除删除删除',
        tag: '1232'
      }
    ],
    pageOption: {
      currentPage: 11,
      totalPages: 20,
      totalRows: 202
    },
    fixedHeader: {
      enabled: true,
      scrollY: 500
    },
    saveStatus: {
      enabled: true,
      key: "table"
    }
  }).on('pageChange', function (event, pageObject) {

    console.log(JSON.stringify(pageObject));
    $(this).semiAutoTable('updatePaginator', pageObject);

  }).on('sortChange', function (event, sortObject) {

    console.log(JSON.stringify(sortObject));
    var $this = $(this);
    $this.semiAutoTable('updateSortBy', sortObject);

  });
</script>