ili_home/src/main/resources/static/js/contact/makeHtml.js

function makeTable(list) {
    const target = document.getElementById('notice_table').querySelector('tbody');
    target.innerHTML = '';
    let html = '';

    for (let data of list) {
        html += '<tr>';
        html += `<td>${data.regDt}</td>`
        html += `<td><a href="javascript:void(0);" onclick="goToDetail('${data.title}', '${data.userName}', '${data.regDt}', '${data.content}',)">${data.title}</a></td>`
        html += `<td>${data.userName}</td>`
        html += '</tr>';
    }
    target.innerHTML = html;
    const firstRowLink = target.querySelector('tr:first-of-type td:nth-of-type(2) a');
    firstRowLink.click();
}

function pagenation (data, type) {
    let paginationHtml = '<ul class="pagination justify-content-center">';

    // Previous 버튼
    paginationHtml += '<li class="page-item ' + (data.page <= 1 ? 'disabled' : '') + '">';
    paginationHtml += `<a class="page-link" href="javascript:void(0);" onclick="getList(${type}, '${data.page - 1}')" tabindex="-1">이전</a>`;
    paginationHtml += '</li>';

    // 페이지 번호
    for (let i = 1; i <= data.total; i++) {
        paginationHtml += '<li class="page-item ' + (i === data.page ? 'active' : '') + '">';
        paginationHtml += '<a class="page-link" href="javascript:void(0);" onclick="getList(' + i + ')">' + i + '</a>';
        paginationHtml += '</li>';
    }

    // Next 버튼
    paginationHtml += '<li class="page-item ' + (data.page >= data.total ? 'disabled' : '') + '">';
    paginationHtml += '<a class="page-link" href="javascript:void(0);" onclick="getList(' + (data.page + 1) + ')">다음</a>';
    paginationHtml += '</li>';

    paginationHtml += '</ul>';

    document.getElementById('pageTag').innerHTML = paginationHtml;
}