본문 바로가기

Bootstrap4 Table Border Color Change CSS 부트스트랩 4 테이블 선 색 변경하기 아래와 같은 부트스트랩 테이블이 존재한다고 가정하면 테이블의 내부 선 색을 변경하기 위해서 아래와 같은 css가 필요해요. ... class 이름에 td 붙여주시고 border를 지정해주시면 됩니다. .table_test_class td{ border: 1px solid #000000; } th, tr 등을 이용해서 원하시는 부분에 border color 혹은 border style을 변경하실 수 있습니다. 더보기
twbsPagination Redraw pagination으로 twbsPagination을 사용하고 있는데요. Redraw 하는 방법을 정리해보려고요. twbsPagination github : https://github.com/josecebe/twbs-pagination Redraw는 아래와 같은 프로세스로 이루어집니다. pagination create pagination destroy pagination html create pagination recreate 먼저 pagination이 생성되어 있겠죠. html + javascript 로 말이에요. 잘 사용하다가 pagination을 다시 그리고 싶을 때 먼저 destroy하고 html을 다시 추가해줘야 합니다. 요거를 안에 다시 생성해줘야 해요. destrory 할 때 이것도 삭제되버리.. 더보기
Html data attribute parsing using jQuery data-* attribute는 사용하기에 따라 유용하게 활용할 수 있습니다. 예로 아래와 같은 data-* attribute가 있다고 가정하겠습니다. 2개의 data-* attribute를 설정해봤어요. 하나는 data-type다른 하나는 data-sub-type 입니다. jQuery를 통해서 해당 data-* attribute를 파싱하는 방법은 아래와 같아요. 위 소스로 출력되는 결과는 아래와 같습니다. // AAA var pType = $('.testP').attr("data-type") var pSubType = $('.testP').attr("data-sub-type") console.log(pType); console.log(pSubType); data-* attribute를 하나 더 추가해봤.. 더보기
<p> <a> 태그 순서 + modal show 간단하게 기록용으로 1. 태그를 통해서 modal을 open하는 형태로 개발. test modal open 2. 안드로이드 + 크롬 조합에서는 문제없이 잘 작동하는데 iOS + Safari 조합에서는 modal이 안열림. 3. test modal open 으로 변경하니깐 잘 됨. 4. css가 이미 다 들어간 상태라서 변경하는 것이 번거로운 작업이 됨. 태그를 다 지워버렸음. 그리고 5번 수행. 5. jQuery 활용해서 아래와 같이 변경 $('.aaaa').click(function(e) { $('#testModal').modal('show'); }); stack overflow 에서 관련된 사항을 검색해보니 link text 가 W3C 표준이라고 하네요. 결론은 변경해서 쓰지 말자!! 입니다. 더보기