본문 바로가기
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>'
    );
  });
});
반응형

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