jquery append나 appendTo로 table td 추가 시 발생하는 문제..
다힘
jquery로 세로로도 가로로도 동적으로 테이블을 조정해야합니다.
divtable
tr
td/tdtd/tdtd/tdtd/td
/tr
/table/div
예를들어 기본 4x1인 테이블에서 1달 기준 검색버튼을 누르면
5x ?칸, 2달6 x ?칸, 3달..
table은 width가 100%고 div크기는 정해져있습니다.
가로로 td를 하나씩 append할때 jquery.css로div 크기도 늘려주고 있는데요.(넉넉히 혹은 적당히..)
div를 늘려주고 일정한 크기의 td를 append해서 해당 tr에 붙여넣기를 하면
엄한 기본 4칸들의 width가 막 변합니다..
40 140 80 89인데칸을 한 10칸 추가해버리면
39 137 80 88 이라던지 변합니다. 이거 왜이런지 짐작가시는분 있으신가요?
-
꽃내음 2023-05-30
table-layout:fixed와 col의 width값으로 조절하셔야 셀(td)넓이가 고정 됩니다
.table { table-layout: fixed; }
.table col { width:75px; }
td가 늘어난갯수만큼 col의 갯수도 증가시켜주셔야합니다. -
핫파랑 2023-05-30
그래도 fixed 추가하니까 좀 낫네요. 일단은 이렇게 해봐야겠어요. 시간이 없어서.
답글 감사합니다. -
빈길 2023-05-30
네 어제 해봤습니다.
24개를 추가하자 40 141 80 89 75 75 75 75 ... 가다가 74 74 74 75 로 끝나구요
3개를 추가하면 40 141 80 88 74 74 75 이렇게 끝나네요.
사파리랑 크롬 익스플로러 다 다릅니다. 39 140 80 88 이라던지.. -
아빠몬 2023-05-30
table{table-layout:fixed;}
추가해보세요 -
라와 2023-05-30
위에 써놓은것 같이 기본 4칸 width는 고정이고 추가되는 td도 75px씩 고정으로 추가되는데 75px만큼 div도 늘려주고 있습니다. 혹시나 border문제인가 싶어서 76px.. 아님 77px씩 늘려줘도 기본 4칸 width들이 크기가 막 변하더라구요.
-
키움 2023-05-30
td에 width를 고정하지 읺는 이상
tr내의 td의 갯수에 따라 width는 적당히 조절됩니다