분류 전체보기216 html data="" 줄바꿈 태그 data-original-title="2020년 2월 4일(수) 판매마감" data-html="true" 2020. 5. 18. modal 여러개 겹칠 때 z-index 설정하기 $(document).on('show.bs.modal', '.modal', function (event) { var zIndex = 1040 + (10 * $('.modal:visible').length); $(this).css('z-index', zIndex); setTimeout(function() { $('.modal-backdrop').not('.modal-stack').css('z-index', zIndex - 1).addClass('modal-stack'); }, 0); }); 2020. 5. 15. [dataTables.js] 테이블 스크롤 vertical scrollY $('#table_01').DataTable({ scrollY: '400', scroller: true, responsive: true }); 2020. 5. 13. [dataTables.js] overflow-x scroll .overflow-x-auto .table {width: auto!important; table-layout: fixed; white-space: nowrap;} .overflow-x-auto .table td {min-width: 80px;} $(document).ready(function() { $('#example').DataTable( { "scrollX": true } ); } ); 2020. 5. 6. table overflow-x: auto 테이블 가로 스크롤 적용하기 .overflow-x-auto {overflow-x: auto;} .overflow-x-auto .table {width: auto!important; table-layout: fixed;white-space: nowrap} 2020. 5. 6. [dataTables.js] remove 버튼 만들기 var myTable = $('#table_02').DataTable(); $(document).on('click', 'a.remove-row', function (e) { e.preventDefault(); var rows = $(this).closest('tr'); bootbox.dialog({ message: '삭제하시겠습니까?', buttons: { main: { label: "취소", className: "btn-default", callback: function callback() {} }, danger: { label: "확인", className: "btn-primary", callback: function callback() { rows.remove(); } } } }); }); 2020. 4. 22. [dataTables.js] row 노출개수 lengthMenu custom $('#table_paging').DataTable({ language: { "lengthMenu": ''+ '10쪽'+ '20쪽'+ '30쪽'+ '40쪽'+ '' } }); 2020. 4. 22. [dataTables.js] 테이블 요소 배치 dom positioning $('#table_paging').DataTable({ searching: false, "dom": 'rt' }); https://datatables.net/examples/basic_init/dom.html DataTables example - DOM positioning DOM positioning When customising DataTables for your own usage, you might find that the default position of the feature elements (filter input etc) is not quite to your liking. To address this issue DataTables takes inspiration from the CSS 3 A.. 2020. 4. 22. [dataTables.js] 페이지네이션 html 수정 pagination custom $('#table_paging').DataTable({ language: { paginate: { previous: '', next: '' }, } }); 2020. 4. 22. 이전 1 ··· 12 13 14 15 16 17 18 ··· 24 다음