인프런 커뮤니티 질문&답변

castinglife님의 프로필 이미지
castinglife

작성한 질문수

웹퍼블리셔가 알려주는 실무 웹사이트 따라만들기 Season1

메인페이지 비주얼영역 제작하기 HTML5 + CSS3

테이블 디자인 문의 드립니다.

작성

·

391

0

위의 두가지 스타일의 테이블 이벤트를 디자인을 하려고 합니다.

임의의 레코드의 필드 클릭하면

동일레코드의 모든 필드의 값을 입력 가능하도록 활성화 되고 

선택되어 활성화된 필드의 레코드 바로 하단에 cancel, save 버튼 박스가 보여지며

입력을 종료하지 않고 다른 레코드의 셀을 클릭시에는 기존 편집하던 레코드는 모든 값이 원상복귀되도록

javascript 코드와 css를 구성하고 싶습니다.

예시나 팁을 좀 주실수 있을가요? ^^

답변 2

0

castinglife님의 프로필 이미지
castinglife
질문자

그렇군요 ..^^ 감사합니다.    요즘 강의가 뜸하시네요.. 열심히 보고 있습니다.. ^^

0

리베하얀님의 프로필 이미지
리베하얀
지식공유자

안녕하세요. 답변이 늦어저서 죄송합니다.

우선 해당 테이블은 Grid것으로 표를 구현하는 방식입니다.

대부분 실무에서는 그리드 시스템을 따로 사용합니다 대표적인것이 jq grid입니다.

만약 새롭게 만들려면.. 상당히 노동력이 필요로 합니다.

호환성과 기능을 함께 조합해서 쓰기란 그리 쉽지않죠~

예시와 팁을 드리기에는 너무 방대합니다.

자바스크립트와 html, css의 이해가 깊어야만 표현하실것 같네요

말씀하신 기능은 이미 설계가 되었으니 그것을 기술로 옮기는 일만 남은것이니깐요 ^^;;

castinglife님의 프로필 이미지
castinglife

작성한 질문수

질문하기