inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

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

512

castinglife

작성한 질문수 74

0

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

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

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

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

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

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

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

HTML/CSS

답변 2

0

castinglife

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

0

리베하얀

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

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

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

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

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

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

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

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

:after에 설명해주신 css 차이가 이해가 어렵습니다.

0

334

1

메인페이지 컨텐츠영역 class.slide

0

458

1

atom으로 진행하고 있는 중에 질문이 있습니다.

0

192

0

질문 드립니다.

0

249

0

css 초기화 작업관련하여 질문드립니다!

0

276

0

안녕하세요! 블로그 업로드 관련해서 질문드릴 게 있습니다.

0

424

1

선택된 항목 흰색 강조 색깔

0

278

1

default.css 가 적용이 안되요 ㅜㅜ

0

278

1

강의 13분 25초이후 div float:left 적용 시 질문

0

285

0

visual 영역 slide control bar 일렬 정렬이 안됩니다 ㅠㅠ

3

241

0

헤더영역 제작에서 transition

0

340

1

이미지 사용시 좌표 질물

0

371

1

질문

0

245

1

클릭영역은 넓어졌는데 커서가 포인터로 안 바뀌어요.

0

201

0

.notice article > div a 이거와.notice article > div > a 차이를 모르겠습니다.

0

327

1

한솔 홈페이지가...

0

341

2

개발툴 질문드립니다.

2

276

1

display grid row 관련 문의 드립니다.

0

221

0

default.css

1

842

4

.do파일

0

330

0

혹시 소스 전체 다운로드 받을 수 있는 방법은 없을까요?

0

410

2

다른 교육자료는 잘 돌아가는 데, 왜 여기만 버퍼링이 너무 심하죠?

0

288

1

배너 부분 각 항목 이미지가 궁금합니다.

0

271

1

[질문] css 임포트

9

473

5