function create_page( $html , targetPage, totalPage , showPage=2){
    let myde_i = targetPage - showPage;
    let myde_en = targetPage + showPage;
    
    if ( myde_i < 1) {
        myde_en = myde_en + (1 - myde_i);
        myde_i = 1;
    }
    if ( myde_en > totalPage) {
        myde_i = myde_i - ( myde_en - totalPage);
        myde_en = totalPage;
    }
    if ( myde_i < 1) myde_i = 1;

    let str = '';
    str += '<ul class="pagination mt-4 justify-content-center">';
    str += ( targetPage!=1 )?'<li class="page-item"> <a set="pageNav" value="'+(targetPage-1)+'" class="page-link" aria-label="Previous" set="pageNav"> <span aria-hidden="true">&laquo;</span> <span class="sr-only">Previous</span> </a> </li> ':'<li class="page-item"> <a set="pageNav" class="page-link" href="#" aria-label="Previous"> <span aria-hidden="true">&laquo;</span> <span class="sr-only">Previous</span> </a> </li> ';

    str += ( myde_i > 1)?'<li><a>...</a></li>':'';

    for ( let i = myde_i; i <= myde_en ; i++) {
        if (i == targetPage) {
            str += '<li class="page-item active"><a class="page-link" href="#" set="pageNav" title="第'+i+'頁">'+i+'</a></li>';
        } else {
            str += '<li class="page-item"><a class="page-link" value="'+i+'" set="pageNav" title="第'+i+'頁">'+i+'</a></li>';
        }
    }
    
    str += ( myde_en < totalPage )?'<li><a>...</a></li>':'';

    str += ( targetPage != totalPage )?'<li class="page-item"> <a set="pageNav" class="page-link" value="'+(targetPage+1)+'" aria-label="Next"> <span aria-hidden="true">&raquo;</span> <span class="sr-only">Next</span> </a> </li>':'<li class="page-item"> <a set="pageNav" class="page-link" href="#" aria-label="Next"> <span aria-hidden="true">&raquo;</span> <span class="sr-only">Next</span> </a> </li>';

    str += '</ul>';
    str += '<div page="'+totalPage+'"></div>';

    $html.empty();
    if( totalPage>1 ) $html.html(str);
}