1. 页面用bootstrapTable实现（配置查询的参数即可），前提得引入bootstrapTable的css，js

function load() {
    var typeid = $("#typeid").val();
    $('#exampleTable').bootstrapTable({
                        method : 'get', // 服务器数据的请求方式 get or post
                        url : "xxx/base/supSupt/list", // 服务器数据的加载地址
                        iconSize : 'outline',
                        toolbar : '#exampleToolbar',
                        striped : true, // 设置为true会有隔行变色效果
                        dataType : "json", // 服务器返回的数据类型
                        pagination : true, // 设置为true会在底部显示分页条
                        singleSelect : false, // 设置为true将禁止多选
                        pageSize : 10, // 如果设置了分页，每页数据条数
                        pageNumber : 1, // 如果设置了分布，首页页码
                        search : true, // 是否显示搜索框，给参数就可以搜索了
                        showColumns : false, // 是否显示内容下拉框（选择显示的列）
                        clickToSelect:true,
                        sortOrder: "desc",
                        sidePagination : "server", // 设置在哪里进行分页，可选值为"client" 或者
                        queryParams : function(params) {//后台有个Query类，只要添加了键值对而且是表中有的他会自动弄进去

                            return {
                                // 说明：传入后台的参数包括offset开始索引，limit步长，sort排序列，order：desc或者,以及所有列的键值对
                                limit : params.limit,
                                offset : params.offset,
sort:"createdat",根据创建时间（对应映射文件的条件）
                                                    order:"desc",排序
                                type:typeid
                            };
                        },
                        columns : [
                                {
                                    checkbox : true
                                },
                                {
                                    field : 'code',
                                    title : '编码'
                                                    },
                                {
                                    field : 'comp',
                                    title : '公司名'
                                },
                                {
                                    field : 'busilicence',
                                    title : '信用代码'
                                },
                                {
                                    field : 'law',
                                    title : '法定代表人'
                                },
                                {
                                    field : 'tel',
                                    title : '联系电话'
                                }]
    })
}

2.控制器

@ResponseBody
    @GetMapping("/list")
    @RequiresPermissions("base:supSupt:add")
    public PageUtils list(@RequestParam Map<String, Object> params){
        //查询列表数据
        Query query = new Query(params);
        List<SupSuptSupVO> supSuptList = supSuptService.getSupListExcludeSuptpyeId(query);
        int total = supSuptService.getSupListCountExcludeSuptpyeId(query);
        PageUtils pageUtils = new PageUtils(supSuptList, total);
        return pageUtils;
    }

1. 工具类
   分页的工具类
2. mybatis映射文件

<select id="getSupListExcludeSuptpyeId" resultType="com.xxx.bid.base.vo.SupSuptVO">
        select * from bid_sup where id not in (
            select ss.supid from bid_sup_supt as ss inner join bid_sup as s on ss.supid = s.id
            <where>
                <if test="typeid != null and typeid != ''"> and ss.typeid = #{typeid} </if>
            </where>
        ) 
            <choose>
            <when test="sort != null and sort.trim() != ''">
                order by ${sort} ${order}
            </when>
            <otherwise>
                order by ls desc
            </otherwise>
        </choose>
        <if test="offset != null and limit != null">
            limit #{offset}, #{limit}
        </if>
    </select>
    <select id="getSupListCountExcludeSuptpyeId" resultType="int">
        select count(*) from bid_sup where id not in (
            select ss.supid from bid_sup_supt as ss inner join bid_sup as s on ss.supid = s.id
            <where>
                <if test="typeid != null and typeid != ''"> and ss.typeid = #{typeid} </if>
            </where>
        )
    </select>