728x90
반응형

Front/JS & jQuery 454

[jQuery] resizable 이용하여 테이블 컬럼 너비 조정하기

https://codepen.io/clarmond/pen/bdapme Resizable Table Columns Using jQuery UI I was having trouble resizing table columns. All of the solution I found would work until my table was larger than my viewport, then they failed. I f... codepen.io https://www.codehim.com/others/make-table-columns-resizable-with-jquery/ Make Table Columns Resizable with jQuery — CodeHim A light weight jQuery plugin to..

Front/JS & jQuery 2023.10.24

[datatables] createdCell로 tr에 Class 적용하기

createdCell : function(td,cellData, rowData, row, col){ if(!rowData['rdYn']){ $(td).closest('tr').addClass('bg-ylwbg'); $(td).closest('tr').find('td').addClass('bold'); } } 리스트목록 중에 읽음여부가 true 이면 tr의 배경색과 안에 글씨를 두껍게 바꿔야하는데, 모든 td에 효과를 줘야하는데 createdCell을 적요한 컬럼 뒤에는 해당 함수가 적용이 안되는것이었다. cellData로 하지 않고 rowData로 설정하여 맨 마지막 컬럼에 createCell 을 쓰니까 모든 컬럼에 효과가 다적용되었다!

Front/JS & jQuery 2023.10.23

[datatables] excel export style

엑셀 다운로드 할 시 엑셀 스타일에 대한 설정. datatables 에 이미 내장되어있는 스타일 함수가 있다. https://datatables.net/reference/button/excelHtml5 excelHtml5 excelHtml5 Since: Buttons 1.0.0 Create and save an Excel XLSX file that contains the data from the table (HTML5). Please note - this property requires the Buttons extension for DataTables. Description Requires In order to operate, this button requires the datatables.net $('..

Front/JS & jQuery 2023.10.10

[js] spread syntax

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Spread_syntax 전개 구문 - JavaScript | MDN 전개 구문을 사용하면 배열이나 문자열과 같이 반복 가능한 문자를 0개 이상의 인수 (함수로 호출할 경우) 또는 요소 (배열 리터럴의 경우)로 확장하여, 0개 이상의 키-값의 쌍으로 객체로 확장시 developer.mozilla.org 일반적으로 배열의 엘리먼트를 함수의 인수로 사용하고자 할 때 사용 const arr = [ 100, 200, 300 ]; function fn (x, y, z) {} fn( ...arr ) => fn( 100, 200, 300 )

Front/JS & jQuery 2023.10.09
728x90
반응형