.st_pagination {
  padding-top: 20px;
  text-align: right;
}
.st_pagination .st_select .st_input .st_input_inner {
  width: 100px;
}
.st_pagination .st_select .st_select_dropdown_item {
  padding: 0 10px;
  text-align: center;
}

<div
  class="st_table"
  id="list_table"
  type="selection"
  tableData="tableData"
  select-able="selectAble"
  default-sort="defaultSort"
  sortChange="handelSortChange"
>
  <div class="hidden_columns"></div>
  <div class="st_table_header_wrapper">
    <table cellspacing="0" cellpadding="0" class="st_table_header">
      <colgroup>
        <col width="100" />
        <col width="200" />
        <col />
        <col width="200" />
        <col />
      </colgroup>
      <thead>
        <tr>
          <th colspan="1" rowspan="1" class="st_table_cell" sort-type="date">
            <div class="cell">日期</div>
          </th>
          <th
            colspan="1"
            rowspan="1"
            class="st_table_cell is_center"
            sort-type="name"
          >
            <div class="cell">姓名</div>
          </th>
          <th colspan="1" rowspan="1" class="st_table_cell" sort-type="adress">
            <div class="cell">地址</div>
          </th>
          <th colspan="1" rowspan="1" class="st_table_cell">
            <div class="cell">排序</div>
          </th>
          <th colspan="1" rowspan="1" class="st_table_cell">
            <div class="cell">操作</div>
          </th>
        </tr>
      </thead>
    </table>
  </div>
  <div class="st_table_body_wrapper">
    <table cellspacing="0" cellpadding="0" class="st_table_body">
      <colgroup></colgroup>
      <tbody>
        <tr id="1">
          <td colspan="1" rowspan="1" class="st_table_cell">
            <div class="cell">2016-05-03</div>
          </td>
          <td colspan="1" rowspan="1" class="st_table_cell is_center">
            <div class="cell">测试</div>
          </td>
          <td colspan="1" rowspan="1" class="st_table_cell">
            <div class="cell">神兔科技</div>
          </td>
          <td colspan="1" rowspan="1" class="st_table_cell">
            <div class="cell">
              <div class="st_input">
                <input
                  type="text"
                  autocomplete="off"
                  placeholder="请输入内容"
                  size="small"
                  class="st_input_inner"
                  onblur="getSortValue(this)"
                />
              </div>
            </div>
          </td>
          <td colspan="1" rowspan="1" class="st_table_cell">
            <div class="cell">
              <button
                class="st_button st_button_success is_plain"
                st-show="false"
                size="mini"
                onclick="assignment()"
              >
                分配
              </button>
              <button
                class="st_button is_plain"
                st-show="true"
                size="mini"
                onclick="edit()"
              >
                编辑
              </button>
              <button
                class="st_button st_button_primary is_plain"
                st-show="true"
                size="mini"
                onclick="enable(true)"
              >
                启用
              </button>
              <button
                class="st_button st_button_warning is_plain"
                st-show="false"
                size="mini"
                onclick="enable(false)"
              >
                禁用
              </button>
            </div>
          </td>
        </tr>
        <tr id="2">
          <td colspan="1" rowspan="1" class="st_table_cell">
            <div class="cell">2016-05-03</div>
          </td>
          <td colspan="1" rowspan="1" class="st_table_cell is_center">
            <div class="cell">测试</div>
          </td>
          <td colspan="1" rowspan="1" class="st_table_cell">
            <div class="cell">神兔科技</div>
          </td>
          <td colspan="1" rowspan="1" class="st_table_cell">
            <div class="cell">
              <div class="st_input">
                <input
                  type="text"
                  autocomplete="off"
                  placeholder="请输入内容"
                  size="small"
                  class="st_input_inner"
                  onblur="getSortValue(this)"
                />
              </div>
            </div>
          </td>
          <td colspan="1" rowspan="1" class="st_table_cell">
            <div class="cell">
              <button
                class="st_button st_button_success is_plain"
                st-show="true"
                size="mini"
                onclick="assignment()"
              >
                分配
              </button>
              <button
                class="st_button is_plain"
                st-show="true"
                size="mini"
                onclick="edit()"
              >
                编辑
              </button>
              <button
                class="st_button st_button_primary is_plain"
                st-show="true"
                size="mini"
                id="popperBtn1"
                onclick="popconfirm.open('popperBtn1','确认启用吗？','1','popperConfirm')"
              >
                启用
              </button>
              <button
                class="st_button st_button_warning is_plain"
                st-show="false"
                size="mini"
                onclick="enable(false)"
              >
                禁用
              </button>
            </div>
          </td>
        </tr>
        <tr id="3">
          <td colspan="1" rowspan="1" class="st_table_cell">
            <div class="cell">2016-05-03</div>
          </td>
          <td colspan="1" rowspan="1" class="st_table_cell is_center">
            <div class="cell">测试</div>
          </td>
          <td colspan="1" rowspan="1" class="st_table_cell">
            <div class="cell">神兔科技</div>
          </td>
          <td colspan="1" rowspan="1" class="st_table_cell">
            <div class="cell">
              <div class="st_input">
                <input
                  type="text"
                  autocomplete="off"
                  placeholder="请输入内容"
                  size="small"
                  class="st_input_inner"
                  onblur="getSortValue(this)"
                />
              </div>
            </div>
          </td>
          <td colspan="1" rowspan="1" class="st_table_cell">
            <div class="cell">
              <button
                class="st_button st_button_success is_plain"
                st-show="true"
                size="mini"
                onclick="assignment()"
              >
                分配
              </button>
              <button
                class="st_button is_plain"
                st-show="true"
                size="mini"
                onclick="edit()"
              >
                编辑
              </button>
              <button
                class="st_button st_button_primary is_plain"
                st-show="true"
                size="mini"
                id="popperBtn"
                onclick="popconfirm.open('popperBtn','确认启用吗？','1','popperConfirm')"
              >
                启用
              </button>
              <button
                class="st_button st_button_warning is_plain"
                st-show="false"
                size="mini"
                onclick="enable(false)"
              >
                禁用
              </button>
            </div>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
  <div class="st_table_footer_wrapper">
    <div class="batch_action_wrapper">
      <button class="st_button" size="mini" onclick="batchSubmit()">
        批量提交
      </button>
    </div>
  </div>
</div>
<div
  class="st_pagination"
  st-model="paginationInfo"
  pageChange="handelPageChange"
  pageSizeChange="handelPageSizeChange"
>
  <div class="st_pagination_total"></div>
  <div class="st_pagination_size">
    <div class="st_select">
      <div class="st_input st_input_suffix">
        <input
          type="text"
          autocomplete="off"
          readonly="readonly"
          size="mini"
          placeholder="请选择"
          class="st_input_inner"
        />
        <span class="st_input_down"
          ><i class="stIconFont icon-xiala-down"></i
        ></span>
      </div>
      <div class="st_select_dropdown">
        <div class="st_select_dropdown_wrap">
          <ul class="st_select_dropdown_list">
            <li class="st_select_dropdown_item" value="20" label="20条/页">
              20条/页
            </li>
            <li class="st_select_dropdown_item" value="50" label="50条/页">
              50条/页
            </li>
            <li class="st_select_dropdown_item" value="100" label="100条/页">
              100条/页
            </li>
          </ul>
        </div>
        <div class="popper_arrow"></div>
      </div>
    </div>
  </div>
  <button class="btn_prev">
    <i class="stIconFont icon-xiala-left"></i>
  </button>
  <ul class="st_pager"></ul>
  <button class="btn_next">
    <i class="stIconFont icon-xiala-right"></i>
  </button>
  <div class="st_pagination_jump">
    前往
    <div class="st_input st_pagination_editor">
      <input
        type="number"
        autocomplete="off"
        size="mini"
        class="st_input_inner"
      />
    </div>
    页
  </div>
  <button class="st_button is_plain jump_btn" size="mini">确定</button>
</div>

var pageData = {
  defaultSort: { sortType: "date", sortBool: "desc" },
  paginationInfo: {
    pageNo: 1, //页码
    page: 100, //总页数
    pageSize: 20, //分页尺寸
    total: 100, //总条数
  },
  tableData: [
    {
      date: "2016-05-03",
      name: "测试",
      adress: "神兔科技",
      id: 1,
    },
    {
      date: "2016-05-04",
      name: "测试1",
      adress: "神兔科技",
      id: 2,
    },
    {
      date: "2016-05-05",
      name: "测试2",
      adress: "神兔科技",
      id: 3,
    },
  ],
};
//批量提交
function batchSubmit() {
  let rowSelection = table.list_table.rowSelection;
}
//多选表格是否可选控制方法
function selectAble(row) {
  if (row.id === 1) {
    return false;
  }
}
//列表排序变化
function handelSortChange(val) {
  console.log(val);
}