Datatables.net을 사용하고 있는데 테이블에 포함 된 블록의 제약 조건을 초과하는 것으로 보이는 문제가 발생합니다. 부유 요소와 유사하게 작동합니다. 나는 정확히 무슨 일이 일어나고 있는지 잘 모르므로이 문제를 어떻게 해결할지는 잘 모른다.jQuery Datatable 테이블이 템플릿 외부에 있습니다.
시간이 갈수록 내 테이블이 내 템플릿의 범위 내에 머물러 있어야하며이 테이블을 제외하고 필요한 경우 템플릿을 밀어 넣습니다. 내가 뭔가를 특정 코드없이 매우 어렵다
당신은 포함 된 요소는 CSS 속성 "오버 플로우"를 사용하여 오버 사이즈 데이터 테이블을 표시할지 여부를 제어 할 수 있습니다. 오버플로 : 숨김을 설정하면 표가 잘립니다. 반면 오버플로를 설정하면 스크롤하는 요소에 스크롤 막대가 표시되어 전체 표를 볼 수 있습니다 (주위를 스크롤하여).
그러나 오버플로를 방지하려는 경우 데이터 테이블의 너비와 컨테이너 너비에 문제가있는 것으로 판단됩니다. 데이터 테이블의 콘텐츠가 너무 크면 데이터 테이블 옵션을 사용하여 콘텐츠를 조정해야합니다 (예 : aoColumnDefs를 변경하여 더 짧은 헤더 텍스트를 사용하려는 경우). 표의 내용이 원하는 내용이지만 표를 더 작게 만들려면 CSS를 사용하여 재생해야합니다 (즉, 글꼴 크기를 줄이는 것이 좋습니다).
마지막으로 데이터 테이블의 크기가 미세하고 포함하는 요소가 너무 작 으면 문제가 있다는 것만으로는 포함하는 요소의 너비를 높이거나 CSS 속성의 너비 또는 최소 너비를 늘려야합니다.
희망이 있습니다.
거기에 문제가 있지만, 포함하는 요소는 너비가 고정적이지 않다. 나는 조금 혼란 스럽다. 필자는 템플릿이 필요에 따라 푸시 아웃 (push out) 된 테이블을 가지고 있는데,이 템플릿은 jquery의 load()와 같은 것을 사용하고 있다는 또 다른 측면을 가지고 놀면서 발견했습니다. 그 특별한 정보를 페이지에 가져 와서 그 정보와 관련이 있는지 궁금합니다. – chris
로드가 차이가 나는 이유는 모르겠지만, 그 이론을 테스트하기를 원한다면로드 직후 요소를 포함하는 요소의 너비를 설정하여 문제가 해결되는지 확인할 수 있습니다. – machineghost
이것을 확장하려면 너무 긴 단어 하나가 있는지 확인해야 할 수도 있습니다. 쉼표로 구분 된 목록, 다른 내용 변경 또는 사용중인 단어 랩 변경시 쉼표 뒤에 공백이 필요할 수 있습니다. – Goose
을 무엇을 의미하는지의 예. 일반적인 clearfix 옵션을 사용해 보셨습니까?
여기, 두 번째 대답이 작업을 수행하는 방법의 좋은 사례가 있습니다 What methods of ‘clearfix’ can I use?
html/css를 표시하거나 jsfiddle ..을 사용하십시오. 정확하게이 문제의 원인을 파악하기가 어렵습니다. –
나는 그것이 다소 시원 해 보인다고 생각한다. –