본문 바로가기
IT창고/HTML

AdminLTE 버튼 클릭 시 테이블 데이터 추가

by 창구창고 2023. 2. 8.

📑 목차

    반응형

    HTML

    <button id="addBtn">Add Data</button>
    <table id="dataTable">
      <thead>
        <tr>
          <th>Column 1</th>
          <th>Column 2</th>
          <th>Column 3</th>
        </tr>
      </thead>
      <tbody>
      </tbody>
    </table>

    Jquery

    $(document).ready(function() {
      $('#addBtn').click(function() {
        $('#dataTable tbody').append(
          '<tr>' +
          '<td>Data 1</td>' +
          '<td>Data 2</td>' +
          '<td>Data 3</td>' +
          '</tr>'
        );
      });
    });
    반응형

    "이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."