일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- node.js
- 아타미
- 방콕
- 카마츠루
- 페이페이
- 熱海
- documentdb
- terraform
- react.js
- javascript
- PayPay
- 釜つる
- 프라하
- typescript
- 三井住友カード
- 체코
- CSV
- codebuild
- Selenium
- vba
- 미츠이 스미토모
- Python
- 메르페이
- local
- duckdb
- 태국
- 뮌헨
- JenkinsFile
- pyenv
- PostgreSQL
- Today
- Total
목록jQuery DataTables (2)
도쿄사는 외노자
JQuery DataTables를 사용하는 도중,테이블 내에 버튼을 만들어, 클릭 이벤트를 집어넣고 화면이동을 해야 했다.보아하니 fnCreateRow에서 각 줄의 td를 비우고 append로 Button을 추가할 수 있기에,여기에도 적어두도록 한다. 1234567fnCreatedRow: function(nRow, aData, iDataIndex) { $(nRow).attr("data-json", JSON.stringify(aData)); // add button $(nRow).find('td').eq(5).html('').append(''+표시+''); $(nRow).find('td').eq(6).html('').append(''+입력+'');}Colored by Color Scriptercs 「eq」..
jQuery Plugin 중, jQuery DataTables라는 게 있다.테이블에 검색이나 페이징, 필터 등의 기능을 달아주고 총 건수 등도 표시해 준다.API같은 건 그냥 직접 홈페이지 가서 보면 되고...일단 사용예를 하나 적어 보았다. 1234567891011121314151617181920212223$('#ListModal #List_table').dataTable({ "oLanguage" : { "sProcessing" : "처리중...", "sZeroRecords" : "데이터가 없습니다.", "sLengthMenu" : " _MENU_ 건 표시", "oPaginate" : { "sFirst" : "처음", "sNext" : "다음 페이지", "sPrevious" : "이전 페이지", "sL..